Forms Builder

Prerequisite

Access rights required: Site Administrator, Site Webmaster, or Content Manager*.

Note* the Content Manager needs to be assigned to a page to be able to see and edit its content. You can find out how to do that in the access rights section.

Forms Administration

The Forms section is accessible under the account (name) menu, or in the admin sections.

admin-forms-section.jpg

Form Builder - Manage Forms

1. To create a new form, click on the button  create-new-form.jpg.

2. To edit an existing form, click on the icon icon-pencil.jpg in the Actions table.

3. To delete a form, click on the icon icon-x-circle.jpg in the Actions table. A prompt message will pop up for the confirmation.

delete-form-confirm.jpg

4. To duplicate another form, click on the icon icon-copy.jpg in the Actions table.

5. To view a submission list from a form, click on the icon icon-listing.jpg in the Actions table.

Form Builder - Manage Fields

Create a new field

"Drag & drop" one of the premade fields in the template panel into a fieldset (gray box) on the left zone.

add field.gif

 

Add multiple fields

And organize them at the same time.

add many fields.gif

 

Each element has different options as their name supplies:

  • Heading Label a large, bold title to define a group of fields (fieldset). It's best to put it at the beginning of a fieldset. This field takes full line and is not resizable.

    Editable options: label
  • Description Label a descriptive text that can be used as an intro of a form, as a subtitle under a Heading Label, or as a question put above multiple Checkbox and Radio. This field takes full line and is not resizable.

    Editable options: label
  • Single-line Text Input a standard field that can be used as text, email, number input.

    Editable options: label, required
  • Multi-line Text Input a text field that can contain lines of paragraphs.

    Editable options: label, required, rich-text
  • Dropdown Select a dropdown field with manageable options.

    Editable options: label, required, selectable items
  • Checkbox a check field that results collective values when there are one or more adjacent checkboxes.

    Editable options: label, required
  • Radio a check field that results only one selection if there are many choices in adjacent.

    Editable options: label, required
  • More unique fields to come...

Caution! Any changes on the fields of published form may affect the display of submission data.

 

Edit a field

Hover on a field, click on the edit icon icon-pencil-gray.jpg appearing on the top right corner. A popup will open with different options depending on the field type.

Once finish, click on the button apply-button.jpg to save and see the instant changes of the field.

To cancel and close the popup, click on the icon close-button.jpg at the top right corner.

edit field.gif

 

Remove a field or fieldset

Start dragging the field or fieldset containing many fields. A Delete Zone will appear on the right panel. Move mouse cursor with the dragged field into the zone until the Delete Zone become red then drop it.

Caution! Removing a field or fieldset will remove all of their data and it is irreversible.

delete field.gif

Upload attachments option 

This option enables users to upload attachments when submitting the form.upload-attachments.png

Add options for Dropdown Select

On a Dropdown Select field, click on the edit icon icon-pencil-gray.jpg. In the popup, at the Option Items, type in the values, and press "Enter" or click on the plus icon icon-plus.jpg in order to add more items.

To remove an item, simply click on the delete icon icon-x-red.jpg.

add select options.gif

Note: Currently, there are no ways to view the added values in the Dropdown Select field except by opening its edit popup.

 

Group checkable choices

The goal is to make multiple choices for end-users.

Assemble the Checkbox or Radio fields next to each other (no other field types in between) to activate field grouping where their Field Name will become one. It can be verified in the edit popup if they have the same name.

group checkboxes.gif

 

Resize fields

Any resizable fields can be sized from five fields up to one full width of a row.

resize.gif

 

Sort fields

All fields and fieldsets are sortable.

Dragging a field into the bottom zone add-fieldset.jpg will create a new fieldset.

An empty fieldset will be deleted after dropping its last field into another fieldset.

sort fields.gif



Content Component

All of the created forms are listed in the settings of the Customized Form component.

form-component.jpg

 

Display A Form In A Component

1. Add Customized Form component

On a content page that has Add a component box, click on the box and select the Customized Form. Only the admin or content manager is able to see the message "No form selected." when there are no forms to display, such as when a selected form got deleted.

2. Select a form

On the newly added component, click on the settings icon icon-cogwheel.jpg, and select one of the forms available in the dropdown list.

add component.gif

 

List of Submissions

Each customized form has its submissions by users saved to make it easier for the persons in charge to keep track of the data submitted. The number of table columns depend on the number fields in a form. Each row displays the corresponding values entered by the applicants.

There are 2 accessible points to view the report:

1. In the Admin Forms dashboard, click on the icon icon-listing.jpg in the Actions table.

2. An admin can see the name and report link appeared in the Component. Click on the icon icon-listing.jpg next to the form name to open the Submissions tab.

selected-form-name-and-report.jpg

Export Submissions in Excel

By clicking the "EXPORT EXCEL" button, users can download the submissions in an Excel spreadsheet.

export-submissions.png

Delete Submissions

By clicking these buttons, users will be able to delete form submissions.

delete-submission.png

Auto Email Response

Auto Email Response is a feature that automatically sends a reply email to the applicant of the form. It can be easily managed and you can create as many responders as you like. Then, each form can be linked with 1 email response, but 1 response can be linked multiple forms.

 

Create/Edit an Email Response

Available fields:

  • From/reply email address (mandatory field - email address) to be used for the acknowledgement email message.
  • Subject (mandatory field - single line of text) to be used for the acknowledgement email message.
  • Email body content (mandatory field - formattable content area that can take both text and images) to be used for the acknowledgment email message.
  • Email attachment (optional field - file control) to be used for the acknowledgement email message.

auto-responder.jpg

 

Link a responder to a form

In the Settings fields, choose an existing responder in the Auto responder field.

auto-responder-selection.jpg