Overview
Use a Section to group related form elements within a visual container. You can add any field type to a section and assign a label to identify the grouped elements for users.
Form Designer
Add Section Element
To visually organize your form by grouping related fields, add a section element. Open a form in the designer. From the component selector on the left panel, under grouping options, select and drag "Section". This creates a container to hold multiple form elements, establishing a dedicated box for grouping.
Add Fields to Section
To populate a section with specific input fields, drag and drop any desired field type from the component selector directly into the section. Fields placed inside the section are visually and logically contained together, ensuring they are grouped as intended.
Set Section Label
To provide clear identification for a section, assign a visible label. Select the section on your form. In the properties panel, enter text into the "Label" field to display a title for the section. You may leave the label blank and use an internal name for organizational purposes.
Apply Section Styling
To apply a consistent visual appearance to all elements within a section, access the "children's style properties" in the right panel. Apply desired styling options, such as background color or borders, to ensure all fields within the section adopt these styles uniformly.
Apply Section Calculations
To control the enablement or read-only status for all fields within a section simultaneously, add an "enablement calculation" or a "read-only calculation" in the properties panel. This calculation will govern the state of all child fields, enabling or disabling them as a group under specific conditions.
Section Logic Shortcut
Any enablement or read-only calculation set on the section automatically applies to every field inside it, eliminating the need to set them individually.