Skip to main content
Skip table of contents

<GridLayout>

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

AttributBeschreibung
alternatingRows

Legt fest, ob die Zeilen verschiedene, abwechselnde Hintergrundfarben haben.

Mögliche Werte: true / false

columns

Legt fest, aus wie vielen Spalten das Layout-Gitter besteht.

Mögliche Werte: Ganze Zahlen (Standard: 3)

rows

Legt fest, aus wie vielen Zeilen das Layout-Gitter besteht.

Mögliche Werte: Ganze Zahlen

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 und keine verkürzte Schreibweise des Farbwerts!
  • Farbcode aus der Farbpalette der Web App (vgl. Theming), z. B. A200
enabled

Aktiviert das Layout

  • Data Binding (Boolean) möglich

Mögliche Werte: true/false oder Ausdruck für Data Binding

fontFamily

Legt die Schriftfamilie fest. 

  • Mit diesem Attribut wird die Standardschrift der Web App für dieses Layout ü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 für dieses Layout ü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 für dieses Layout ü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 für dieses Layout ü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 für dieses Layout überschrieben.

Mögliche Werte:

  • Black
  • Bold
  • DemiBold
  • ExtraBlack
  • ExtraBold
  • ExtraLight
  • Heavy
  • Light
  • Medium
  • Normal (Standard)
  • Regular
  • SemiBold
  • Thin
  • UltraBlack
  • UltraBold
  • UltraLight
foreground

Definiert eine Farbe für den Vordergrund (Texte usw.) des Layouts.

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 : Mit ... zeigen, dass der Text nicht zu Ende ist
  • hidden : Text abbrechen, auf ganze Wörter achten
  • wordBreak : innerhalb des Wortes abbrechen
  • allow  (Standard): Text zwischen den Wörtern umbrechen
visible

Legt fest, ob das Layout sichtbar ist.

  • Data Binding (Boolean) möglich

Mögliche Werte: true / false oder Zeichenkette für Data Binding

Weitere Informationen finden Sie im Abschnitt

JavaScript errors detected

Please note, these errors can depend on your browser setup.

If this problem persists, please contact our support.