X4 Produktdokumentation
X4 Produktdokumentation
Breadcrumbs

<Cell>

Das Element <Cell> wird verwendet, um einen Inhaltsbereich im Element <ResponsiveLayout> zu erstellen.

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

Attribut

Beschreibung

cellSizeDesktop

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

Mögliche Werte: Ganze Zahlen zwischen 1-12

Der hier festgelegte Wert überschreibt das Attribut defaultCellSizeDesktop im Eltern-Element <ResponsiveLayout>.

cellSizeTablet

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

Mögliche Werte: Ganze Zahlen zwischen 1-12

Der hier festgelegte Wert überschreibt das Attribut defaultCellSizeTablet im Eltern-Element <ResponsiveLayout>.

cellSizeMobile

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

Mögliche Werte: Ganze Zahlen zwischen 1-12

Der hier festgelegte Wert überschreibt das Attribut defaultCellSizeMobile im Eltern-Element <ResponsiveLayout>.

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

minHeight

Minimale Höhe des Layouts

Mögliche Werte: Ganze Zahlen

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

Weitere Informationen finden Sie im Abschnitt