MatrixData Properties
- 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.
- cellDesign
Distance between the cell content to the outer edge of the cell
Value Visual Display Description rPad
Specifies the distance to the top edge (2 pixels), the bottom edge (2 pixels), and the right edge (4 pixels) and thus prevents cell contents from touching.
lrNoPad
Specifies the distance to the top edge (2 pixels) and the bottom edge (2 pixels).
lPad
Specifies the distance to the top edge (2 pixels), the bottom edge (2 pixels), and the left edge (4 pixels).
lrPad
Specifies the distance to the top edge (2 pixels), the bottom edge (2 pixels), the left edge (4 pixels), and the right edge (4 pixels).
padless
There is no distance between the row and the edges.
- colSpan
Specifies the number of columns occupied by the UI element within the MatrixLayout.
- height
Height of the cell, specified in CSS sizes, such as em, ex, pixel, or percent. See alsoLegend.
- hAlign
Horizontal alignment of the content with the grid.
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 MatrixLayout 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 orrtl 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.
- vAlign
Vertical alignment of the UI element within the grid cell.
Value Description baseline
Alignment with a common baseline, the first text line is always displayed at the defined location.
This option can lead to layout problems when embedding complex elements, such as containers. In this case use top.
top
Top-aligned - alignment with top edge.
middle
Centered vertically.
bottom
Bottom padding - alignment with bottom edge
- vGutter
Additional space between the cell contents. The default value of this property is none.
Value Visual Display Description none
No additional distance
medium
Additional horizontal distance of 17 pixels
mediumWithRule
Additional horizontal distance of 17 pixels with a vertical line
large
Additional horizontal distance of 31 pixels
largeWithRule
Additional horizontal distance of 31 pixels with a vertical line
xLarge
Additional horizontal distance of 63 pixels
xLargeWithRule
Additional horizontal distance of 63 pixels with a vertical line
- width
Width of the cell, specified in CSS sizes, such as em, ex, pixel, or percent. See alsoLegend.