StackPanel

StackPanel is used to arrange elements in horizontal or vertical stacks. Elements in a StackPanel are automatically aligned and placed under each other or next to each other, depending on the panel orientation. The default stack panel orientation is Horizontal, and you can insert a new element at the top of the stack, at the bottom of the stack, or between the existing elements. At runtime the contents of the stack panel can be resized only in the direction opposite to the orientation of the container.

StackPanel can nest containers and widgets.

StackPanel child elements should have their width or height (depending on the StackPanel orientation) defined in form, theme, or CSS.

Form XML code:

StackPanel XML Code:

</StackPanel>

A button embedded in a StackPanel:

</StackPanel>

Common form properties:

CSS element filter:

.qx-aum-stack-panel

Inheritance diagram:

Associated ui methods:

SetOrientation

GetOrientation

Main features:

Adding StackPanel to a form using the graphical form editor.

Select the StackPanel button from the Form Containers palette and place it on the form.

Adding elements to a StackPanel.

When you add elements to a StackPanel, they will be placed next to each other or under each other, depending on whether the orientation property is set to horizontal or vertical.