Skip to main content
Skip table of contents

<BoxLayout>

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

AttributBeschreibung
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
border

Legt fest, ob um das Layout ein Rahmen angezeigt wird.

Mögliche Werte: true / false

border-left

Legt fest, ob ein linker Rand angezeigt wird

Mögliche Werte: true / false

border-right

Legt fest, ob ein rechter Rand angezeigt wird

Mögliche Werte: true / false

border-top

Legt fest, ob ein oberer Rand angezeigt wird

Mögliche Werte: true / false

border-bottom

Legt fest, ob ein unterer Rand angezeigt wird

Mögliche Werte: true / false

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
height

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
paddingBottom

Unterer Innenabstand

Mögliche Werte: Beliebige Zahlenwerte

paddingLeft

Linker Innenabstand

Mögliche Werte: Beliebige Zahlenwerte

paddingRight

Rechter Innenabstand

Mögliche Werte: Beliebige Zahlenwerte

paddingTop

Oberer Innenabstand

Mögliche Werte: Beliebige Zahlenwerte

paddingUnits

Einheiten für den Innenabstand

Mögliche Werte:

  • pixels
  • percents
marginBottom

Unterer Außenabstand

Mögliche Werte: Beliebige Zahlenwerte

marginLeft

Linker Außenabstand

Mögliche Werte: Beliebige Zahlenwerte

marginRight

Rechter Außenabstand

Mögliche Werte: Beliebige Zahlenwerte

marginTop

Oberer Außenabstand

Mögliche Werte: Beliebige Zahlenwerte

marginUnits

Einheiten für den Außenabstand

Mögliche Werte:

  • pixels
  • percents
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
unitsGibt die Einheit an, die für die Größenangaben height und width gilt.

Mögliche Werte:

  • pixels (Standard)
  • percents
visible

Legt fest, ob das Layout sichtbar ist.

  • Data Binding (Boolean) möglich.

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

width

Legt die Breite des Layouts fest.

Mögliche Werte: Ganze Zahlen

Padding bezeichnet den Innenabstand, also der Abstand zwischen Inhalt (z. B. Text) und Rahmen des Elements.

Margin bezeichnet den Außenabstand, also den Abstand zwischen dem Element und den Nachbarelementen.



JavaScript errors detected

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

If this problem persists, please contact our support.