Creating Forms

The Form Creation page allows you to add custom fieldsets or drag them into the Unused Fields box.

New Form Page

Fieldsets

When fieldsets are rendered on the frontend, they will be separated into html <fieldset> tag. Give each fieldset a custom class and id value by click the Cog Icon and selecting Options from the menu.

Fieldset Options

Fields

Each fieldset can have custom options such as class, id and template. Click the Cog Icon and select Options from the menu.

TIP

Template path is relative to your templates folder. So if you have placed textarea.html in your templates/forms/ just enter /forms into the field. Form Builder will search for a file named textarea and if not found will just use default.

Here’s a list of allowed fields with the Form Builder program + their template naming convention:

  • Plain Text - text.html
  • Email - text.html
  • URL - text.html
  • Number - text.html
  • Color - color.html
  • Date / Time - date.html
  • Checkboxes - checkbox.html
  • Radio Buttons - radio.html
  • Dropdown - select.html
  • Multi-Select - multiselect.html
  • Assets - file.html

Global Form & Fields Settings

You have the option to add global classes, ids and templates. First, click the Wrench Icon icon to open settings and then click the Form Attributes tab to add a global class and id to your <form> html tag. Click the Settings tab to add class globally to all form inputs or create a global template folder.

Fieldset Options

Settings

Give your form a name and a unique handle. Then assign the form to a group and choose a status.

Database

Until you enable a Save to Database option, your submission will not be saved. Next, title each submission using the custom title format.

Database Options

TIP

Notice the buttons on the screenshot? Those are form fields. Use them to dynamic titles but first, remember to save your form with fields so the buttons show up.

Options

Configure form options, for example:

  • Submit Button - Set custom text for the form button.
  • Custom Redirect - Create a relative path to template files where you want users to be sent after submission (e.g., if you have a Thanks page in your templates/jobs/thank-you.html folder then enter /jobs/thank-you).
  • Messages - If your form uses ajax to post submission, then you can update success and error messages here.

Spam Protection

You have the choice between two protections and more will be added later.

  • Honeypot - Enter random values.
  • Timed - Enter a number in seconds form requirement before users can submit successfully.

Integrations

o Add available integrations to your form. Once added, enter all the required settings for each integration. Find specific integrations and their settings here. .

Integrations