Alignment (layout change) of components

Alignment (layout change)

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

Figure 1. Layout change properties view

The following alignments are possible:

Horizontal alignment:

• left,
• center,
• right,
• fill.

Vertical alignment:

• top,
• center,
• bottom,
• fill.

The default setting after adding a component from the palette is: horizontal fill and vertical center alignment.

Figure 1. Example of layout changes for the Label component

How to display the layout grid?

Layout grid / template