= Vbox = *Demonstration: [http://www.zkoss.org/zkdemo/layout/box Vbox]

*Demonstration: [http://www.zkoss.org/zkdemo/layout/box Hbox] *JavaScript API: <javadoc directory="jsdoc">zul.box.Box</javadoc>

= Box = *Demonstration: [http://www.zkoss.org/zkdemo/layout/box Box]

The vlayout component is a simple vertical oriented layout. Added components will be placed under ...ZK Component Reference/Layouts/Hbox]] and [[ZK Component Reference/Layouts/Vbox]] instead.

Components: <code>vbox</code>, <code>hbox</code> and <code>box</code>. ...ivide a portion of the display into a series of boxes. Components inside a box will orient themselves horizontally or vertically. By combining a series of

...javadoc>) indicate the flexibility of the component, which indicates how a component's parent distributes the remaining empty space among its children. Hflex co ...lt sizes of components in a box are calculated, the remaining space in the box is divided among the flexible components, according to their flex ratios. S

...g with MVC]] and [[ZK Getting Started/Get ZK Up_and_Running_with_MVVM| Get ZK Up and Running with MVVM]]. These two approaches are mutually interchangeab ...|''Caption'']] can be used to build compound header with an image for a [[ZK%20Component%20Reference/Containers/Window| ''Window'']].