Sections are container components in the Builder that organize widgets and content. Add sections to create vertical or horizontal layouts.
Add a Section
Click the floating + button in the Builder canvas. Select section orientation (vertical or horizontal). Drag widgets into the section.
Section Types
Vertical Sections
Vertical sections stack content from top to bottom. They create full-width containers commonly used for sidebars and main content areas. This is the default section type.
Horizontal Sections
Horizontal sections arrange content side-by-side. They divide space across the width and work well for headers and multi-column layouts.
Section Settings
Style
Choose how your section arranges widgets:
- Vertical - Stack widgets top to bottom
- Horizontal - Arrange widgets left to right
- Grid - Responsive grid layout
Appearance
Opacity controls section transparency with a range from 0 to 100. The default value is 100 for fully opaque sections. Lower values make the section more transparent.
Background Blur adds a blur effect to content behind the section. The range is 0 to 100, with 0 being no blur. This effect is useful for overlay sections on maps.
Shadow adds a drop shadow to the section. Set the shadow intensity from 0 to 100. The default is 0 for no shadow.
Position
Alignment determines where content sits within the section. Start aligns content to left or top. Center places content in the middle. End aligns content to right or bottom.
Spacing controls the gap between widgets inside the section. The value is measured in pixels with a default of 1. Increase spacing to create more breathing room between widgets.
Delete Section
Click Delete section in the Danger zone to remove the section. This action deletes the section and all widgets inside it.
