HBox and VBox - layouting

HBox and VBox containers are used to layout the containers nested within them either horizontally from left to right (HBox) or vertically from top to bottom (VBox).

Containers are packed in the HBox or VBox container in the order in which they appear in the structure. By combining HBox and VBox layouts for various containers, you can align the containers of your form in any way you choose.

Example


This figure shows an example of an HBox container.

Figure 1. HBox Layout Container

Example


This figure shows an example of a VBox container.

Figure 2. VBox Layout Container

Properties

name, posX, posY, gridHeight, gridWidth