GridData Properties 
Properties in the View Designer
· cellBackgroundDesign
Display of the cell background. The default value of this property is transparent. You can use the background colors fill1, fill2, and fill3 as separators between the individual semantically different cell contents.
Value |
Description |
transparent |
The background is transparent. The individual cells are displayed without grid net lines. |
fill1 |
The color corresponds to the value primarycolor of the design property of the Group UI element. *) |
fill2 |
The color corresponds to the value secondarycolor of the design property of the Group UI element. *) |
fill3 |
This color corresponds to the color value of the third level of a Tree UI element. *) |
plain |
White background |
header |
The color is identical with the color of the header area of a Tree UI element or a table. |
border |
This is the color of the cell borders. This value is used for nested grid layouts to create grid net lines. |
*) The colors to be displayed depend on the design topic and the documentation refers to the SAP Standard Design 2002.
· colSpan
Specifies the number of columns occupied by the UI element in the grid.
· height
Height of the interface element within the GridLayout cell, specified in CSS sizes, such as em, ex, pixel, or percent. See also Legend.
· hAlign
Horizontal alignment of the content with the GridLayout cell.
Value |
Description |
center |
Centered alignment |
char |
Alignment to a special character The assignment of the char value allows you to align the cell contents to a single character. |
justify |
Justified - This value allows forced justification within a grid layout cell. |
forcedLeft |
The text content is always left-justified, regardless of whether the value is ltr or rtl for the textDirection property. |
endOfLine |
The text content is always displayed at the end of the line. Therefore, the text content for the value ltr of the textDirection property is right-justified. The text content for the value rtl is left-justified. |
forcedRight |
The text content is always right-justified, regardless of whether the value is ltr or rtl for the textDirection property. |
beginOfLine |
The text content is always displayed at the beginning of line. Therefore, the text content for the value ltr of the textDirection property is left-justified. The text content for the value rtl is right-justified. |
· paddingBottom
Interval of the UI element to the lower edge of the GridLayout cell.
· paddingLeft
Left interval of the UI element to the GridLayout cell..
· paddingRight
Right interval of the UI element to the GridLayout cell..
· paddingTop
Interval of the UI element to the upper edge of the GridLayout cell.
· vAlign
Vertical alignment of the UI element within the GridLayout cell.
Value |
Description |
baseline |
Alignment with a common baseline, the first text line is always displayed at the defined location. |
top |
Top-aligned - alignment with top edge. |
middle |
Centered vertically. |
bottom |
Bottom padding - alignment with bottom edge |
· width
Width of the interface element within the GridLayout cell, specified in CSS sizes, such as em, ex, pixel, or percent. See also Legend.