X4 Produktdokumentation

<ResponsiveLayout>

Für das Element <ResponsiveLayout> lassen sich folgende Attribute festlegen:


Attribut

Beschreibung

defaultCellSizeDesktop

Legt die Anzahl der Spalten fest, die das Element <Cell> bei der Anzeige auf Desktop-Computern standardmäßig einnimmt.

Mögliche Werte: Ganze Zahlen zwischen 1-12 (Standard: 4)

Der hier festgelegte Standard wird überschrieben, wenn das Attribut cellSizeDesktop im untergeordneten Element <Cell>festgelegt wird.

defaultCellSizeTablet

Legt die Anzahl der Spalten fest, die das Element <Cell> bei der Anzeige auf Tablets standardmäßig einnimmt.

Mögliche Werte: Ganze Zahlen zwischen 1-12 (Standard: 6)

Der hier festgelegte Standard wird überschrieben, wenn das Attribut cellSizeTablet im untergeordneten Element <Cell>festgelegt wird.

defaultCellSizeMobile

Legt die Anzahl der Spalten fest, die das Element <Cell> bei der Anzeige auf Smartphones standardmäßig einnimmt.

Mögliche Werte: Ganze Zahlen zwischen 1-12 (Standard: 12)

Der hier festgelegte Standard wird überschrieben, wenn das Attribut cellSizeMobile im untergeordneten Element <Cell>festgelegt wird.

background

Definiert eine Hintergrundfarbe.

Diese Einstellung überschreibt die Standardfarbe des Farbschemas.

Mögliche Werte:

  • Hexadezimaler Farbwert, z. B.ff5a00

  • Verwenden Sie keine Raute vor dem Farbwert.

  • Verwenden Sie keine verkürzte Schreibweise des Farbwerts.

  • Farbcode aus der Farbpalette der Web App (vgl. Theming), z. B. A200

fontFamily

Legt die Schriftfamilie fest. 

  • Mit diesem Attribut wird die Standardschrift der Web App überschrieben.

  • Wird das Attribut auf einem Element definiert, so wird die Schriftfamilie an die Kindelemente des Elementes vererbt, sofern die Kindelemente das Attribut fontFamily nicht explizit gesetzt haben.

Mögliche Werte:

  • MainFont: hinterlegte Hauptschrift

  • Fontcode aus der Font-Palette, z. B.  Font04

fontSize

Legt die Schriftgröße fest.

Mit diesem Attribut wird die Standardschriftgröße der Web App überschrieben.

Mögliche Werte:

  • Beliebige ganze Zahl oder Dezimalzahl mit einem Punkt als Dezimaltrennzeichen, z. B. 20 20.8 .9

  • Schriftgröße in Pixel, z. B.  20px

  • Schriftgröße in Punkt, z. B. 18pt

  • Schriftgröße im Vergleich zur Schriftgröße des Elternelements, z. B. .8em  oder  120%

  • Schlüsselwörter: xx-Small x-small small medium large x-large xx-large smaller larger

fontStretch

Legt die Breite der einzelnen Schriftzeichen fest.

Mit diesem Attribut wird die Standardbreite der Schriftzeichen überschrieben.

Mögliche Werte:

  • Condensed

  • Expanded

  • ExtraCondensed

  • ExtraExpanded

  • Medium

  • Normal (Standard)

  • SemiCondensed

  • SemiExpanded

  • UltraCondensed

  • UltraExpanded

fontStyle

Legt die Neigung der Schrift fest.

Mit diesem Attribut wird die Standardneigung der Schriftzeichen überschrieben.

Mögliche Werte:

  • italic: kursive Schrift

  • normal: normale Schrift (Standard)

  • oblique: schräg gestellter Schriftstil (berechnet)

fontWeight

Legt die Schriftstärke fest. 

Mit diesem Attribut wird die Standardstärke der Schriftzeichen überschrieben.

Mögliche Werte:

  • Black

  • Bold

  • DemiBold

  • ExtraBlack

  • ExtraBold

  • ExtraLight

  • Heavy

  • Light

  • Medium

  • Normal (Standard)

  • Regular

  • SemiBold

  • Thin

  • UltraBlack

  • UltraBold

  • UltraLight

foreground

Definiert die Schriftfarbe.

Diese Einstellung überschreibt die Standardfarbe des Farbschemas!

Mögliche Werte:

  • Hexadezimaler Farbwert, z. B.ff5a00

  • Verwenden Sie keine Raute vor dem Farbwert.

  • Verwenden Sie keine verkürzte Schreibweise des Farbwerts.

  • Farbcode aus der Farbpalette der Web App (vgl. Theming), z. B. A200

horizontalAlign

Richtung, in die die Elemente fließen. Reihenfolge der Elemente entspricht ihrer Deklaration.

Mögliche Werte:

  • left (Standard)

  • center

  • right

textOverflow

Gibt an, was passieren soll, wenn das Layout voll ist.

Mögliche Werte:

  • ellipsis (Standard): Mit ... zeigen, dass der Text nicht zu Ende ist

  • hidden: Text abbrechen, auf ganze Wörter achten

  • wordBreak: innerhalb des Wortes abbrechen

  • allow: Text zwischen den Wörtern umbrechen

visible

Legt fest, ob das Layout sichtbar ist.

  • Data Binding (Boolean) möglich.

Mögliche Werte: Boolean oder Zeichenkette für Data Binding

Das Element <ResponsiveLayout> muss folgende Elemente enthalten:

  • Cell

Weitere Informationen finden Sie im Abschnitt