Appearance
Grid
Overview
The Grid element is used to structure content in columns and rows. It helps organise a page when several elements should appear side by side instead of in one long vertical sequence.
When to use
- When a page needs a more structured layout
- When elements should be aligned next to each other
- When forms or dashboards should use columns
Element-specific options
| Option | Description |
|---|---|
| Number of columns | Defines how many columns the grid uses |
| Column widths | Defines how space is divided between columns |
| Row spacing | Defines the vertical spacing between rows |
| Column spacing | Defines the horizontal spacing between columns |
| Alignment | Defines how content is aligned inside the grid |
| Responsive behavior | Defines how the layout adapts to smaller screens |
Common configuration
This element also supports shared configuration options such as validation, rules, roles, styling, summaries, scoring, and prefilling.