Skip to content

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

OptionDescription
Number of columnsDefines how many columns the grid uses
Column widthsDefines how space is divided between columns
Row spacingDefines the vertical spacing between rows
Column spacingDefines the horizontal spacing between columns
AlignmentDefines how content is aligned inside the grid
Responsive behaviorDefines 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.

See: Common element configuration