Entering content frame

Background documentation MatrixData Properties Locate the document in its SAP Library structure

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.

·        cellDesign

Distance between the cell content to the outer edge of the cell

Value

Visual Display

Description

rPad

This graphic is explained in the accompanying text

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

This graphic is explained in the accompanying text

Specifies the distance to the top edge (2 pixels) and the bottom edge (2 pixels).

lPad

This graphic is explained in the accompanying text

Specifies the distance to the top edge (2 pixels), the bottom edge (2 pixels), and the left edge (4 pixels).

lrPad

This graphic is explained in the accompanying text

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

This graphic is explained in the accompanying text

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 also Legend.

·        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 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.

·        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.

Note

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

This graphic is explained in the accompanying text

No additional distance

medium

This graphic is explained in the accompanying text

Additional horizontal distance of 17 pixels

mediumWithRule

This graphic is explained in the accompanying text

Additional horizontal distance of 17 pixels with a vertical line

large

This graphic is explained in the accompanying text

Additional horizontal distance of 31 pixels

largeWithRule

This graphic is explained in the accompanying text

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. Siehe auch Legende.

 

 

Leaving content frame