Grid Layout
The Grid Layout element is a multi-row container. Place other elements inside its rows to arrange them side-by-side within a single canvas row.
Grid Layouts can be nested inside other Grid Layouts for complex multi-column designs.
Properties
| Property | Type | Description |
|---|---|---|
outputAsObject | boolean | Submit child field values as a nested object keyed by element ID, rather than merged into the flat form output |
borderRadius | number (px) | Corner rounding of the container card |
elevation | 0–24 | Drop-shadow depth of the container card |
Plus shared layout properties.
When to use
Use a Grid Layout to group fields that belong together structurally, or when you want a section of the form to be submitted as a nested object (outputAsObject: true).
For a layout that users can expand with additional rows at runtime, use Repetitive Grid instead.
See also: Elements overview