<BoxLayout>

The following attributes can be defined for the <BoxLayout> element:

Attribute	Description
`background`	Defines the background color. This setting overwrites the default color of the color scheme! Possible values: Hexadecimal color value, e.g. `ff5a00` Do not use a hash (#) in front of the color value! Do not use a shortened notation of the color value. Color code from the color palette of the Web App (see Theming), e.g. `A200`
`border`	Defines if a border is displayed around the layout. Possible values: `true` / `false`
`border-left`	Defines whether a left border is displayed Possible values: `true` / `false`
`border-right`	Defines whether a right border is displayed Possible values: `true` / `false`
`border-top`	Defines whether a top border is displayed Possible values: `true` / `false`
`border-bottom`	Defines whether a bottom border is displayed Possible values: `true` / `false`
`fontStretch`	Sets the width of the single characters. This attribute overrides the default width of the characters of the Web App. Possible values: `Condensed` `Expanded` `ExtraCondensed` `ExtraExpanded` `Medium` `Normal` (default) `SemiCondensed` `SemiExpanded` `UltraCondensed` `UltraExpanded`
`fontStyle`	Defines the font style. This attribute overrides the default width of the characters. Possible values: `italic`: italic characters `normal`: normal characters (default) `oblique`: italic characters (calculated)
`fontWeight`	Defines the font weight. This attribute overrides the default weight of the characters. Possible values: `Black` `Bold` `DemiBold` `ExtraBlack` `ExtraBold` `ExtraLight` `Heavy` `Light` `Medium` `Normal` (default) `Regular` `SemiBold` `Thin` `UltraBlack` `UltraBold` `UltraLight`
`foreground`	Defines the font color. This setting overwrites the default color of the color scheme! Possible values: Hexadecimal color value, e.g. `ff5a00` Do not use a hash (#) in front of the color value! Do not use a shortened notation of the color value. Color code from the color palette of the Web App (see Theming), e.g. `A200`
`height`	Height of the layout Possible values: Integer
`horizontalAlign`	Direction in which the elements flow. The order of the elements corresponds to their declaration. Possible values: `left` (default) `center` `right`
`paddingBottom`	Lower inner spacing Possible values: Any numerical values
`paddingLeft`	Left inner spacing Possible values: Any numerical values
`paddingRight`	Right inner spacing Possible values: Any numerical values
`paddingTop`	Upper inner spacing Possible values: Any numerical values
`paddingUnits`	Units for the inner spacing Possible values: `pixels` `percents`
`marginBottom`	Lower outer spacing Possible values: Any numerical values
`marginLeft`	Left outer spacing Possible values: Any numerical values
`marginRight`	Right outer spacing Possible values: Any numerical values
`marginTop`	Upper outer spacing Possible values: Any numerical values
`marginUnits`	Units for the outer spacing Possible values: `pixels` `percents`
`textOverflow`	Defines what happens if the page is full. Possible values: `ellipsis` (default): Show with `...` that the text is not finished `hidden`: Break off text, paying attention to whole words `wordBreak`: Break off within the word `allow`: Break off text between words
`units`	Specifies the unit that applies to the `height` and `width` size specifications. Possible values: `pixels` (default) `percents`
`visible`	Defines if the layout is visible. Data binding (boolean) possible. Mögliche Werte: Boolean or data binding expression
`width`	Defines the width of the layout. Possible values: Integer

Padding is the internal spacing, which is the distance between the content (e.g. text) and the frame of the element.

Margin is the outer distance, which is the distance between the element and the neighboring elements.