Common Properties

Properties

These properties are valid on all visible items and can be used to specify constraints when used in layouts:

col, row

intdefault: 0

See GridLayout.

colspan, rowspan

intdefault: 0

See GridLayout.

cross-axis-self-alignment

enum CrossAxisAlignmentdefault: auto

Overrides the container’s cross-axis-alignment for this element. Valid on the children of a HorizontalLayout, VerticalLayout, or FlexboxLayout.

CrossAxisAlignment

Controls the alignment of items along the cross axis of a layout. Used as the cross-axis-alignment property of HorizontalLayout, VerticalLayout, and FlexboxLayout, and as the cross-axis-self-alignment property of their children, which overrides the container’s alignment for a single item.

• auto: The default: for cross-axis-self-alignment, use the container’s cross-axis-alignment value. For an unset cross-axis-alignment it is equivalent to stretch; it is an error to set it explicitly there.
• stretch: Items are stretched to fill the cross axis.
• start: Items are placed at the start of the cross axis.
• end: Items are placed at the end of the cross axis.
• center: Items are centered along the cross axis.

horizontal-stretch, vertical-stretch

float(in-out)default: 0.0

Specify how much relative space these elements are stretching in a layout. When 0, this means that the elements won’t be stretched unless all elements are 0. Builtin widgets have a value of either 0 or 1.

layout-order

intdefault: 0

Controls the visual order of the elements: they are laid out in ascending order value, and elements with the same value keep their declaration order. Valid on the children of a HorizontalLayout, VerticalLayout, or FlexboxLayout. Only the visual order changes: keyboard focus still moves in declaration order.

max-width, max-height

lengthdefault: 0px

The maximum size of an element.

min-width, min-height

lengthdefault: 0px

The minimum size of an element.

preferred-width, preferred-height

lengthdefault: 0px

The preferred size of an element.