Panels

The Panel is used to organize components from left to right, like the hand writing, or vertically from top to bottom.

Alignment

Different 'Align' options provide different ways to organize the elements inside the panel. The following examples show
how components are displayed in a panel depending on the panel's align option.

Example with align = LEFT

3- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed

Example with align = CENTER

3- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed

Example with align = RIGHT

3- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed

Example with align = STRETCH

3- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed

Vertical alignment

The VERTICAL_x alignment values differ when the height of the panel is bigger than the heights of the components it contains:

Example with align = VERTICAL_TOP

3- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed

Example with align = VERTICAL_CENTER

3- Lorem ipsum dolor sit amet, consectetur adipiscing elit. Sed

Combining panels

A panel can also contains other panels, in order to combine layout structures:

With align=STRETCH for main container panel

1.2- text

2.2- text

With align=VERTICAL_CENTER for main container panel

1.2- text

2.2- text