Sections

Sections are visually distinct, collapsible segments of a form. Each field placed under a section is part of that section.

Sections can be read-only. For example, if you want a form to be read only but you still need users to sign it, put all the fields, except the Signature field, in a section and set it to read-only.

Settings

To edit a section

  1. Select the field on the canvas and the options will appear in the right pane.
  2. Under Field label, enter the name that will appear above the section on the form. Click the Insert Variables button to include a variable with this label.

    Note: The header for a section in a form is an h2 header, not an h1 header. Only the header of the form can be an h1 header.

  3. Under Text Above Field and Text Below Field, you can enter any additional text that should appear with the field. Click the Insert Variables button to include a variable with this text.
  4. Under Display options, select Read-only to make the fields between this section and the next section (or the end of the form) read-only. Users cannot edit read-only fields.
  5. Under Section label options, choose among the following options:
    • Hide the section label, border, and the text below the label: This option hides these elements of the section on the form. This option is useful if you want to make a section of your form read-only (see Step 5) and do not want the visual clutter of section headings.
    • Allow users to collapse and expand this section: If you choose to show the section label, you can select to allow users to collapse or expand the section. Selecting this option will display an expand/collapse button next to the section label. If you select this option, you can choose the default state (expanded or collapsed) of the section from the drop-down menu that appears.
  6. To configure advanced options, click the Advanced tab.
    • Under CSS class, specify a CSS class to assign to this section.
  7. When you are finished editing the settings, click Done. Your changes will be saved automatically.

Note: The labels, tooltip, text above, and text below settings support the use of simple HTML markup for formatting purposes.

  1. Select the section on the canvas and click Edit.
  2. Under Field label, enter the name that will appear above the section on the form. Click the Insert Variables button to include a variable with this label.

    Note: The header for a section in a form is an h2 header, not an h1 header. Only the header of the form can be an h1 header.

  3. Under Section label options, choose among the following options:
    • Hide the section label, border, and the text below the label: This option hides these elements of the section on the form. This option is useful if you want to make a section of your form read-only (see Step 5) and do not want the visual clutter of section headings.
    • Allow users to collapse and expand this section: If you choose to show the section label, you can select to allow users to collapse or expand the section. Selecting this option will display an expand/collapse button next to the section label. If you select this option, you can choose the default state (expanded or collapsed) of the section from the drop-down menu that appears.
  4. Under Text below field, you can enter any additional text that should appear with the section. Click the Insert Variables button to include a variable with this text.
  5. Under Section options, select Read-only to make the fields between this section and the next section (or the end of the form) read-only. Users cannot edit read-only fields.
  6. To configure advanced options, click the Advanced tab.
    • Under CSS class, specify a CSS class to assign to this section.
  7. When you are finished editing the settings, click Done. Your changes will be saved automatically.