Configure a form element

  • Updated

The form elements are predefined building blocks for creating a form. You use the form elements as templates and drag and drop them into a form container, and then you can configure them to suit your needs. You can, for example, add two Text fields to a form and configure them so that the visitors can input their name and email address in those two fields. The email field can be configured with validation that checks that visitors enter formatted email addresses correctly. You can name and Email these form elements and reuse them on other forms.

When you use a form element on a form, an instance of that element is created in your form's For this block folder. You can remove the form element from your form, but the form element instance still resides in the For this block folder. You can also move the element instance and reuse that in other forms.

See Create a form for information on how to do that. See Form element types to see the different predefined types of form elements.

To configure a form element:

  1. Create or open a form container.
  2. Drag a form element, for example, a Text element, from the Form Elements gadget onto the form container.

    Image: Dragging a form element onto the form container

    You can also click Browse to select a form element.

    Image: New form element selection screen

  3. Select Edit from the context menu to create a text element with a Company label.

    Image: Sample Text form element

  4. If you want to show (or hide) the form element if certain conditions are met, you can do that for some form element types by setting up conditions in the Dependencies tab. For information on how to do that, see the Dependencies tab in Form element types and the Example: Create a customer satisfaction survey.
  5. Edit the information and publish. The new Company form element displays in the form container and the Form Elements box. Dragging the elements up or down in the box rearranges the elements on your form.

    Image: Form elements in the form container

    The configured form element is saved in the form's For this block folder. You can reuse this configured form element in other forms.

Reuse configured form elements

A form is really a block type, and when you configure a form element, the configured form element is saved in your form's For this form folder under Blocks. You can reuse this configured form element in other forms, so you do not have to reconfigure a form element for each form.

  1. Open the form's For this form folder in the assets panel.

    Image:  For this form folder

  2. Select your form element and drag and drop it into another folder.

    Image: Drag and drop form element into another folder

  3. Open another form container.
  4. In the assets panel, open the folder where you moved your configured form element, and drag and drop that into your open form container.

    Image: Drag and drop form element into form container

You can now add this form element to multiple forms from this folder. Any changes to the element will affect forms where it is used.