Layout

layout is the root container for other components and containers of the screen descriptor. Similar to vbox, it has a vertical layout of components.

Attributes

maxHeight

Sets maximum CSS height for window layout. For example, "640px", "100%".

maxWidth

Sets maximum CSS width for window layout. For example, "640px", "100%".

minHeight

Sets minimum CSS height for window layout. For example, "640px", "auto".

minWidth

Sets minimum CSS width for window layout. For example, "640px", "auto".

See the example:

<layout minWidth="600px"
        minHeight="200px">
    <textArea width="800px"/>
</layout>
layout
Figure 1. Full-size textArea inside a layout
layout scroll
Figure 2. Scroll bars appear when the window size is less than the layout’s minimal dimensions

These attributes work in the dialog mode as well:

<dialogMode forceDialog="true"
            width="500"
            height="250"/>
<layout minWidth="600px"
        minHeight="200px">
    <textArea width="250px"/>
</layout>
layout modal
Figure 3. Scroll bars appear when the dialog size is less than the layout’s minimal dimensions