Add - Easysite Resource Centre

Add

To create a new Form go to Administration -> Apps -> Modules -> Form Builder. The following options will be presented:

Creating a Form

1. To create a new form click Add. The following view will be presented:

Form Builder Create New Form Configuration Screenshot v7

2. Edit/configure:

Title

Enter an appropriate title for the form.

Legend Name

Enter an appropriate legend for the form. This is the name of the form as it appears on a page.

Limit Submissions

Check if required.

Submissions Limit

If required, enter an appropriate limit.

Submissions Limit Imposed From

If required, enter an appropriate start date.

Submissions Limit Recycle Period

The ‘Submission Period Recycle Period’ functionality will allow automatic reset of the imposed ‘Submission Limit’ defined by the number of days included within the configuration. Note that the ‘Clear’ option can also be used to clear this limit. The form will be unavailable in the front end of the site once the imposed limit is reached.

Submissions This Period

Easysite tracks the number of submissions. if required, click clear to reset the results to zero.

Prevent form submissions sending emails

By default, the Form on the page generates a notification email to one or more users. If required check to prevent the form from being generated.

Use in Modules

If required, check to attach a form to another module. At present this functionality works with:

Vacancies

Allow Paging on Validation Errors

If the form is paginated the default setting does not allow the user to proceed to the next page unless the mandatory fields on the current one are complete. This option allows the user to move on without completing the mandatory fields on the current page.

Form Type

Select the appropriate option.

Note: further information on registration forms is available.

Is Application Form

If the Forms (Advanced) modules has been installed, check to make the Form an Application form containing pass/fail criteria.

3. Click Next. The following view will be presented:

Forms module create a new form edit form structure screenshot v7

4. Drag and drop elements to create the form layout. The following elements are available:

Fields

Additional FormThe Additional Form element is used to embed additional forms within a registration form.
Address Look UpThe Address Look Up element adds an address search to the Form.
Captcha ValidationCAPTCHA is a program that protects websites against bots by generating and grading tests that humans can pass but current computer programs cannot.
CheckboxesThis element creates a question and allows the user to select one or more answers from a list of Check Boxes.
Date FieldThe Date Field element allows a date to be added to a form, using a calendar interface.
Day Month Year SelectorThe Day Month Year Selector element allows a date to be added to a form, using separate day, month and year dropdowns.
Dropdown BoxThis element creates a question and allows the user to select an answer from a drop down list.
FieldsetThis element creates border around a section of the form.
File UploadThis element adds a browse button to the form, allowing end users to attach documents.
Form CommentThe Form Comments element allows a comment or instruction to be added to a form.
Hidden FieldThe Hidden Field element is used to embed Hidden Field within a form, this could be used to contain information for administrators or to include a querystring to capture information such as which asset the end user is attempting to access.
HTML5 DateThe Date Field element allows a date to be added to a form, using a calendar interface, and is designed for Web Apps built using HTML5.
HTML5 EmailThis element allows an email address to be captured on a form and is designed for Web Apps built using HTML5.
HTML5 NumberThis element allows a number to be captured on a form and is designed for Web Apps built using HTML5.
HTML5 RangeThis element creates a slider which the end user may manipulate to select a number and is designed for Web Apps built using HTML5.
HTML5 URLThis element creates a field allowing the end user to enter a URL and is designed for Web Apps built using HTML5.
Mail Subscription FormThis element works in conjunction with the Email Newsletters module, and allows an end user to subscribe to one or more mailing lists whilst completing a form.
Multi Tier Drop DownThis element adds a multi choice element to a form, allowing the end user to select from a series of tiered lists.
Multiple ChoiceConfiguring the Forms Module Multiple Choice Box element.
MultiselectThis element add a multiselect multiple choice element to the form.
NumericThis element creates a question and allows the user to type a numerical answer.
Page BreakThis element allows a Form to be split into one or more pages.
Page MetatdataThis element allows metadata to be added to a Form.
Radio ButtonsConfiguring the Forms Module Radio Buttons element.
TextareaThis Form element creates a question and allows the user to type the answer.
TextboxConfiguring the Forms Module Textbox element.