When should I use a Section?
Sections are used to organize related components on a form. You can apply formatting to Sections, such as adding borders and background colors to visually distinguish them. All components (except for Groups, Action Buttons, and Page components) must be placed inside a Section. Sections can also hold Tiles, which allow you to format components in smaller column widths. If you need to apply Display Logic to multiple Sections at once, you can nest them within a Group.
Features & Configuration
Adding a Section to your form is simple. Select the Section option from the component library and drag it onto the canvas. Components can then be placed inside the Section.
After placing the component, you can customize its properties in the right-hand panel:
Logic
Use Display Logic to control when this Section is shown or hidden based on other form inputs.
If the Section itself is hidden, all components inside it will also be hidden — even if their individual display logic is set to show. The Section’s display logic takes priority over the components within it.
Attributes
Enable this toggle to stretch the section to the full width of the container.
Toggle the border option to add a border around the Section.
If the border is enabled, set the border thickness from 1 to 8 pixels.
If the border is enabled, choose a color for the border by selecting from the color spectrum or entering a hex code.
Customize the background color of the Section for better visual separation or branding.
Add space above the Section by setting the top margin, in pixels.
Add space below the Section by setting the bottom margin, in pixels.
Details
Each Droplet component has a unique ID for referencing in workflows or visibility settings. Edit the default ID to make it more descriptive for easy reference.
Was this article helpful?
That’s Great!
Thank you for your feedback
Sorry! We couldn't be helpful
Thank you for your feedback
Feedback sent
We appreciate your effort and will try to fix the article