Design forms

You design forms in content editing mode using the Layout builder and forms widgets.

To open a form in content editing mode, on Forms page, perform one of the following:

  • Click the form you want to edit.
  • Click the Actions link of the respective form.
    From the dropdown list click Content.
  • The form opens in content editing mode.

Layout

To design the layout of the form, click Layout button in the upper-right corner of the page.
The Layout builder appears, displaying a list of layout elements on the right.

You edit the layout of forms the same ways you edit the layout of pages.
For more information, see Design a layout template.

Content

To add content to the form, click Content button in the upper-right corner of the page.
A list of form widgets appears on the right.

You add and use widgets in forms the same way you do in pages.
For more information, see Add widgets on pages and templates.
To configure the widgets to display what you require, see Configure form widgets.

Settings

To change the setting of a form, click Settings button in the upper-right corner of the page.
You can change the following settings:

  • Restrictions
    In this radio button group you can control the responses to the form. Choose one of the following:
    • One entry per IP
      The form can be filled out and submitted only once from a particular IP. If the user tries to submit the form more than once from the same IP address, the system displays an error massage.
    • One entry per username
      The form can be filled out and submitted only once by a particular user. If the same user tries to submit the form more than once, the system displays an error massage.
      Use this option only if there is user registration prior to submitting the form.
    • No restrictions: Everyone can submit unlimited number of entries
      The form can be submitted unlimited number of times from the same user and IP.
  • Confirmation options
    In this radio button group, you choose what happens after a user submits the form. Select one of the following:
    • Show message for success
      A textbox appears, where you define the success message that appears when a user submits the form.
    • Redirect to a page...
      After submitting the form the system redirects the user to another page of the website.
      In the input field that appears, enter the URL of the page from your website, which you want to open when the form is submitted. For example, About-us.
  • Label placement
    Choose where to display the label of the elements, such as textboxes, checkboxes, and multiple choices.
    Select one of the following:
    • Top aligned
    • Left aligned
    • Right aligned
  • CSS Class
    You can choose a class name for each form, if later you want to set a CSS style for this particular form.

Was this article helpful?

Next article

Configure form widgets