Layout Fields
Category: Form Builder - Toolbox Section: Field Types Last Updated: 2024-08-22
Layout fields organize and style forms without affecting submitted data (except Repeat Panels).
Panel
Group fields together without changing data structure.
| Property | Purpose |
|---|---|
| Collapsible | Allow expand/collapse |
| Breadcrumb Type | Page navigation style (wizard mode) |
| Allow Click On Breadcrumb | Enable page navigation via menu |
| Border Width/Radius | Visual styling |
Repeat Panel
Collect multiple sets of the same data.
| Property | Purpose |
|---|---|
| Show Labels On First Row Only | Table-style layout |
| Add Another Text | Customize button text |
| Initial Rows | Rows shown on load |
| Min/Max Rows | Row limits |
| Repeat Divider Title | Section header text |
| Collapsible | Allow expand/collapse |
Use Case: Collect details for multiple individuals, items, or entities.
Heading
Pre-formatted heading text.
| Property | Purpose |
|---|---|
| Font Size | Text size (default: 24) |
| Bold/Italic/Underlined | Text styling |
| Font Colour | Text color (RGB) |
| Background Colour | Background color (RGB) |
| Font Family | Font selection |
Label
Pre-formatted label text.
| Property | Purpose |
|---|---|
| Font Size | Text size (default: 15.6) |
| Bold/Italic/Underlined | Text styling |
| Font Colour | Text color (RGB) |
| Background Colour | Background color (RGB) |
| Font Family | Font selection |
Divider
Visual separator between field groups.
| Property | Purpose |
|---|---|
| Divider Style | Invisible, Solid, Double, Dashed, Dotted, Fancy Top/Bottom |
Notes/Help Editor
Display instructions or information (not submitted).
| Property | Purpose |
|---|---|
| Notes/Help | Content (HTML + plain text) |
| Popup Dialog On Click | Show in popup |
| Hide Notes/Help Content | Hide until clicked |
Use Case: Instructions, usage notes, help text.
Summary Table
Display all fields marked "Show in Summary" for review.
Best Practice: Place on final page of wizards.
Properties Reference
For all properties, see Common Field Properties.