. How to set up the initial webform container
2. We have comments, then we have a sign up for newsletter. I'm going to jump back to the browser. And let's go ahead and create a new form.
3. Now the way the Webform works is that it associates a form with a node, and it also adds a content type called Webform, which you can use if you just need a form. So let's go ahead and go to add content. I'm going to click the link in the shortcut bar.
4. And then we have our new item here called Webform. I'm going to go ahead and click it. Let's fill out some basic information here.
5. As the title, we want to go ahead and call it "Contact Us. " The body content is the text that would display above the form. So if we look at the mockup, it says up here, "Please fill out the following form to request more information.
6. " So let's go ahead and add that to the body. I'm going to jump back to the browser. And then the rest of these inputs are just the same as they are in the other content that we've added.
7. We see a text format here, which, again, we will talk about later; our menu settings. At this point we do want to provide a menu link, so let's go ahead and click this. We will make the menu link title "Contact.
8. " As a description we'll just go ahead and leave it blank for now. The parent item should be main menu, so we're good to go there. And we want the weight to be at the far right.
9. So let's give it a heavy weight, just like we did with our previous contact form. Let's take a quick look at the other settings. Revision information, let's go ahead and leave this blank since this is the first time that we're editing this content.
10. The URL path settings, let's go ahead and make an alias to this piece of content called "contact. " For authoring information we'll just leave it at the default, and same with publishing options. We want the content to be published, and promoted to front page and sticky at top of lists don't really matter at this point.
11. Let's go ahead and click save. So now we have an empty webform, and we're on the second part of editing it. If we wanted to stop here and view it, we could go ahead and click the view tab here.
12. And we'd see that we have a title and we have the body; and if you look at the URL, we have slash contact, which is what we wanted. But there's no form here yet. So let's go ahead and begin adding inputs.
Explore the most important concepts and techniques for site building in Drupal. In this collection, we take on a practical, real-world example and walk through creating and managing content, working with users and installing and configuring modules. A few highlights:
- Build a fully functional calendar page
- Add rich interlinking between pieces of content
- Learn how to evaluate modules, install and upgrade them