Alignment (changing component layout)

Alignment (layout change)

The alignment attribute can be changed using the editor located in the Styling component properties.

Illustration 1. Layout change properties view

The following alignments are possible:

Horizontal alignment:

• to the left,

• centered,

• to the right,

• fill.

Vertical alignment:

• to the top,

• centered,

• to the bottom,

• fill.

The default setting when adding a component from the palette is: horizontal fill and vertical centering.

Illustration 1. Example of layout changes for the Label component

How to display the layout grid?

Layout grid / theme