GridLayout
The grid layout 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 GridLayout property colCount.

The UI element InvisibleElement enables you to use empty grid cells within a GridLayout
Padding can be specified in two ways:
● In the GridLayout using GridLayout.cellPadding
● In the GridData using GridLayout.paddingLeft, or GridLayout.paddingRight, etc.
Both ways are possible. If you set the padding on the GridLayout, padding is set evenly on each cell, as shown in the figure in GridLayoutProperties.
You can also specify padding on each cell. Paddings specified on GridLayouts and GridData are added up.
Runtime Class |
CL_WD_GRID_LAYOUT |
Properties in the View Designer
Name |
Type |
Initial Value |
Bindable |
STRING |
(automatic) |
No |
|
I |
0 |
No |
|
I |
0 |
No |
|
I |
1 |
No |
|
WDY_BOOLEAN |
true |
No |
|
WDY_BOOLEAN |
true |
No |
Aggregations in the View Designer
Name |
Cardinality |
Type |
0..1 |
||
0..1 |
Events in the View Designer
Name |

Other properties that can be inherited are defined in the associated higher-level classes. The associated UI elements are:
● Layout
For dynamic programming, the same properties, events, and aggregations as in the View Designer are available. Bear in mind the different spellings.
Dynamic Programming of Properties
View Designer Name |
Runtime Name |
Type |
CELL_PADDING |
I |
|
CELL_SPACING |
I |
|
COL_COUNT |
I |
|
STRETCHED_HORIZONTALLY |
WDY_BOOLEAN |
|
STRETCHED_VERTICALLY |
WDY_BOOLEAN |
Dynamic Programming of Events
View Designer Name |
Runtime Name |
ON_DROP |
Dynamic Programming of Aggregations
View Designer Name |
Runtime Name |
Cardinality |
DRAG_SOURCE_INFO |
0..1 |
|
DROP_TARGET_INFO |
0..1 |