Determines how the items will be displayed in the Grid control.
| Multiple by Quantity | This value indicates that a fixed number of items will be displayed in each row/column of the grid. It will be determined by the "Items Per Row" or "Items Per Column" properties, depending on the grid "Scroll Direction" property. |
| Multiple by Size | The number of items displayed in each row/column will be determined according to each item size. To achieve this, the values of the properties Maximum/Minimum Width and Maximum/Minimum Height are used. |
| Single | One item per row/column will be displayed. |
| Staggered by Quantity | The grid is displayed with a staggered layout, where each item can have a different size. |
Generators: Android, Apple, Angular
Controls: Grid
This property is available for a Grid control included in a Panel object.
When the Items Layout Mode property is set to "Multiple by Quantity", it is recommended that on the opposite axis to the value configured for the Scroll Direction property of the Grid, the size of the table inside the grid should be 100%.
Examples:
Scroll direction property = Vertical
Table Width = 100%
Scroll direction property = Horizontal
Table Height = 100%
This is to use 100% of the grid size divided by the Quantity.
This property applies only at design time.
Items Per Row property
Items Per Column property
Scroll Direction property
Maximum Width property
Minimum Width property
Maximum Height property
Minimum Height property