Skip to main content

GridLayout

This page provides generated reference documentation for the GridLayout data model.

Beschreibung eines Layouts welches ein CSS Grid darstellt. Das Layout hat eine fixe Anzahl von rows, columns und jedes Item kann einen rowspan + colspan besitzen.

Overview​

PropertySummary
columnCountDefines the amount of columns that should be displayed in the grid layout. Mobile devices will always use only one column and ignore this option.
rowCountDefines the amount of rows that should be display in the grid layout. By default, the amount of rows is calculated automatically and should only be explicitly…
rowHeightDefines the height in px that each row should have. By default, each rows height is 1fr (for more information consult the MDN web docs section about grid…

columnCount​

Type: Integer
Default: 1
Constraints: Minimum: 0, Maximum: Integer.MAX_VALUE

Defines the amount of columns that should be displayed in the grid layout. Mobile devices will always use only one column and ignore this option.

rowCount​

Type: Integer
Default: 1
Constraints: Minimum: 0, Maximum: Integer.MAX_VALUE

Defines the amount of rows that should be display in the grid layout. By default, the amount of rows is calculated automatically and should only be explicitly set in combination with a custom row height.

rowHeight​

Type: Integer
Constraints: Minimum: 0, Maximum: Integer.MAX_VALUE

Defines the height in px that each row should have. By default, each rows height is 1fr (for more information consult the MDN web docs section about grid layout) and should only be changed if a custom row count is set.