Foundation and layout Container Native Qt

Grid

Grid is a native Zui container in the foundation and layout catalog, with 6 component-specific properties.

Usage

Ruby example

Paste this complete Builder example inside the app surface from the Quickstart. Replace illustrative asset paths with files from your project.

Ruby

grid columns: 3, column_spacing: 12, row_spacing: 12 do
  card { label "CPU" }
  card { label "Memory" }
  card { label "Network" }
end

API

Component properties

6 component-specific values, plus shared item and layout properties.

columnsColumns configuration for Grid.property

rowsRows configuration for Grid.property

spacingSpacing configuration for Grid.property

row_spacingRow spacing configuration for Grid.property

column_spacingColumn spacing configuration for Grid.property

visibleVisible configuration for Grid.property

Show 16 shared item properties

enabledopacityscalerotationzwidthheightfill_widthfill_heightpreferred_widthpreferred_heightminimum_widthminimum_heightmaximum_widthmaximum_heightlayout_alignment

Interaction

Events

Subscribe with on widget, :event and keep behavior in Ruby.

↗clickNative event payload