Skip to main content
Skip table of contents

<ResponsiveLayout>

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

AttributBeschreibung
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

JavaScript errors detected

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

If this problem persists, please contact our support.