3.2 Custom Elements

Custom elements provide additional flexibility and are generally considered more advanced. They are most often used when adding fields that aren’t in the database.

Key Guidelines:

• Data Type: Leave this blank for custom fields not tied to database fields.
• Name & ID: Assign a unique Name and ID to each custom element. These identifiers are used when viewing submissions or receiving emails.
• It’s easiest to use the Quick Layout Helpers. For example, when dragging an Input Row onto the form, a row, two columns, and a label and input are created automatically.

Container Elements

• 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.
  TIP: Column widths should always be set using percentages. For example, Label = 30% and Input = 70% (total 100%).

Standard Elements

• Label – Text displayed to describe a field.
• Checkbox – Allows single or multiple selections.
• Input – Single-line text or number input.
• Text Area – Multi-line text input.
• Select – Dropdown list for single selection.
• Radio Button – Select one option from a group.
• Legend / HR – Visual separators or headings.

Quick Layout Helpers

• Input Row – Adds a label and input together in one row.
• Select Row – Adds a label and dropdown together in one row.

Field Settings

When an element is selected, several settings are available. In most cases, only adjust the following:

• Placeholder: Text shown before the user enters a value.
• Required: Determines whether the field must be completed.
• Setup: Some fields include a Setup button to configure options.

Changing other settings may cause the field to function incorrectly.

Design Tips

• You can drag a group beside another group; this is the same as placing it below.
• There is no automatic ordering