Sitemason's Custom Form tool is an incredibly powerful form builder that is only limited by the scope of your imagination. In this tutorial we'll go through the process of creating an elementary form for practical application purposes and then we'll take a look at some of the advanced capabilities of the custom form tool.
In Section 1 of our tutorial, we'll create a simple form that asks the user to enter their Name, Email, and Phone number. We'll then go through the different ways you can manipulate the results. Lets get started.
In Figure 1.0 you'll see the form's Sitemason interface that you are familiar with if you've used Sitemason before. If not, spend a few minutes clicking around getting acquainted with Sitemason.
(Setup and Information Tab)
The Setup and Information tab outlines the general usability of the tool. Here you can designate what name it will hold in Sitemason, which group or site you'd like the form to reside, what URL you'll give it, etc, much like you will with any Sitemason tool. Below the setup and information at the top of the page Sitemason has provided a few helpful links and quick summaries of the other tabs you'll be using while customizing your Custom Form tool.
In this example we've renamed our form "Tutorial Form" and set it to the URL. http://www.sitemasonsolutions.com/tutorialform. Now lets create some fields!
If you're following along, choose the "Edit Form Fields" tab at the top of your page. Figure 1.1 shows what the Custom Form Tool looks like before you enter any fields. Not a whole lot there is there?
(Appearance of Edit Form Fields when selected for the first time)
(Drop down options list for attributes to add to a Custom Form)
Figure 1.3 shows the naming convention for the Field Name and the Label. A note worth mention for the Field Name, whatever unique identifier you choose for the Field Name, keep in mind that it MUST NOT contain spaces or any special characters. To eliminate confusion when naming your fields, a popular naming practice is to use the underscore ("_") key when you have multiple words. For example a complicated Field Name like "registrationuserlastname" can be separated into "registration_user_last_name."
Since we want the user to be required to enter their name, we can check the "Required Field?" box and the user wont be able to submit their form without typing in their name.
(Text Field Editor)
(Text Fields created in the Custom Form editor)
(Submit Button Editor)
(Custom Form with Submit button)