The grid layout (IWDGRidLayout) is a layout that arranges the UI elements in the UI element container in the form of a grid. The number of grid columns can be specified using the grid layout property colCount.
The UI element InvisibleElement allows you to fill cells that should not display anything.
●
cellPadding
Specifies the padding of the UI element to the grid cell edge for all grid
layout cells.
●
cellSpacing
Specifies the space between the individual grid cells for all grid layout
cells.
●
colCount
Specifies the number of grid
columns.
●
stretchedHorizontally
Specifies whether or not the
UI elements match the container size of the horizontal alignment.
●
stretchedHorizontally
Specifies whether or not the
UI elements match the container size of the vertical alignment.
The following diagram illustrates how the GridLayout properties work:
Name |
Interface |
Type |
Initial Value |
Bindable |
cellPadding |
IWDGridLayout |
int |
0 |
not_bindable |
cellSpacing |
IWDGridLayout |
int |
0 |
not_bindable |
colCount |
IWDGridLayout |
int |
1 |
not_bindable |
stretchedHorizontally |
IWDGridLayout |
boolean |
true |
not_bindable |
stretchedVertically |
IWDGridLayout |
boolean |
true |
not_bindable |