Box Layout

The Box layout is a simple layout with only one content element. Height, width, border, margin, and padding can only be defined for the box layout.

The <BoxLayout> element creates a box layout.

For more information, see

(7.4.0-en) <BoxLayout>

Example - BoxLayout in combination with FlowLayout

XML

<DetailComponent
	default="true"
	displayName="Dashboard"
	path="Dashboard">
	<BoxLayout
		background="50"
		foreground="A100">
		<FlowLayout>
			<BoxLayout
				background="100"
				height="50"
				units="pixels">
				<Label value="Hello World" />
			</BoxLayout>
			<BoxLayout
				background="10"
				height="150"
				units="pixels"
				horizontalAlign="center">
				<Label value="Bye World" />
			</BoxLayout>
		</FlowLayout>
	</BoxLayout>
</DetailComponent>

Desktop view