X4 Produktdokumentation
X4 Produktdokumentation
Breadcrumbs

<

For the <GridLayout> element, you can define the following attributes:

Attribute

Description

alternatingRows

Specifies whether the rows have different, alternating background colors.

Possible values: true (default) / false

columns

Specifies how many columns the layout grid includes.

Possible values: Integers (default: 3)

rows

Specifies how many rows the layout grid includes.

Possible values: Integers

background

Defines a background color.

This setting overrides the default color of the color scheme!

Possible values:

  • Hexadecimal color value, e.g. ff5a00

    Do not use a hash before the color value, and do not use a shortened notation for the color value!


  • Color code from the color palette of the Web App (cf. Theming), e.g. A200

enabled

Activates the layout

  • Data binding (Boolean) is possible

Possible values: true/false or expression for data binding

fontFamily

Specifies the font family.

  • This attribute overwrites the default Web App font for this layout.

  • If the attribute is defined on an element, the font family is inherited by any child elements unless the fontFamily attribute is explicitly defined for the child elements.

Possible values:

  • MainFont: stored main font

  • Fontcode from the font palette, e.g. Font04

fontSize

Sets the font size.

This attribute overrides the default Web App font size for this layout.

Possible values:

  • Any integer or decimal number with a period as a decimal separator, e.g. 20 ; 20.8; .9

  • Font size in pixels, e.g. 20px

  • Font size in points, e.g. 18pt

  • Font size compared to the font size of the parent element, e.g. .8em or 120%

  • Keywords: xx-Small , x-small , small , medium , large , x-large , xx-large , smaller , larger

fontStretch

Specifies the width of each character.

This attribute overrides the default character width for this layout.

Possible values:

  • Condensed

  • Expanded

  • ExtraCondensed

  • ExtraExpanded

  • Medium

  • Normal (default)

  • SemiCondensed

  • SemiExpanded

  • UltraCondensed

  • UltraExpanded

fontStyle

Sets the tilt of the font.

This attribute overrides the default font tilt for this layout.

Possible values:

  • italic: Italic font

  • normal: Normal font (default)

  • oblique: Slanted font style (calculated)

fontWeight

Sets the font weight.

This attribute overrides the default font weight for this layout.

Possible values:

  • Black

  • Bold

  • DemiBold

  • ExtraBlack

  • ExtraBold

  • ExtraLight

  • Heavy

  • Light

  • Medium

  • Normal (default)

  • Regular

  • SemiBold

  • Thin

  • UltraBlack

  • UltraBold

  • UltraLight

foreground

Defines a color for the foreground (text, etc.) of the layout.

This setting overrides the default color of the color scheme.


Possible values:

  • Hexadecimal color value, e.g. ff5a00

    Do not use a hash before the color value!
    Do not use a shortened notation of the color value!


  • Color code from the color palette of the Web App (cf. Theming), e.g. A200

horizontalAlign

The direction in which the elements flow. The order of the elements corresponds to their declaration.

Possible values:

  • left (default)

  • center

  • right

textOverflow

Specifies what should happen when the layout is full.

Possible values:

  • ellipsis : Use ... to show that the text is not finished

  • hidden : Cancel text, watch for whole words

  • wordBreak : Cancel within the word

  • allow (default): Wrap text between words

visible

Specifies whether the layout is visible.

  • Data binding (Boolean) is possible

Possible values: true / false or string for data binding


For more information, see the sections: