4.5.2.2.1. BoxLayout

BoxLayout is a container with sequential placement of components.

There are three types of BoxLayout, identified by the XML-elements:

LIVE DEMO

  • hbox − components are placed horizontally.

    gui hbox 
    <hbox spacing="true" margin="true">
    <dateField datasource="orderDs" property="date"/>
    <lookupField datasource="orderDs" property="customer" optionsDatasource="customersDs"/>
    <textField datasource="orderDs" property="amount"/>
</hbox>
LIVE DEMO

  • vbox − components are placed vertically. vbox has 100% width by default.

    gui vbox 
    <vbox spacing="true" margin="true">
    <dateField datasource="orderDs" property="date"/>
    <lookupField datasource="orderDs" property="customer" optionsDatasource="customersDs"/>
    <textField datasource="orderDs" property="amount"/>
</vbox>
LIVE DEMO

  • flowBox − components are placed horizontally with line wrapping. If there is not enough space in a line, the components that do not fit will be displayed in the next line (the behavior is similar to Swing FlowLayout).

    gui flowbox 
    <flowBox spacing="true" margin="true">
    <dateField datasource="orderDs" property="date"/>
    <lookupField datasource="orderDs" property="customer" optionsDatasource="customersDs"/>
    <textField datasource="orderDs" property="amount"/>
</flowBox>
Attributes of hbox, vbox, flowBox

align - enable - expand - height - id - margin - spacing - stylename - visible - width