3. Form Elements

The Elements tab allows you to add and configure individual fields on your forms.

  • Preset elements provide basic functionality and can be used for most forms.
  • Custom elements offer advanced layout and flexibility.

Although the Elements tab provides detailed control over individual fields, it is usually best to start with Groups when building a form. Groups are covered in the Form Setup KB.

Basic Structure

Each element on a form exists within a simple hierarchy:

FieldSet → Row → Column → Element

  • FieldSet: A logical section of the form, e.g., Payment Information.
  • Row: A horizontal container within a FieldSet.
  • Column: A vertical container within a Row.
  • Element: The actual label, input, radio button, or other field.

Example of a single row layout:

  • Each column usually contains one element.
  • In a typical layout, the first column contains a Label, and the second column contains an Input.
  • When removing a field, drag the entire row so that all columns and elements within it are removed together.

There are two types of elements:

  1. Preset elements. There are more common and offer quick implementation by dragging the element onto the form. Built in elements are covered in this KB article.
     
  2. Custom elements. Using these elements you can customize your form. These require more attention in setting all the properties correctly. Custom elements are covered in this KB article.