Layouts and Containers"

From Documentation
Line 11: Line 11:
  
 
==Hbox and Vbox ==
 
==Hbox and Vbox ==
 
 
Similar to [[ZK Component Reference/Layouts/Hlayout|Hlayout]] and [[ZK Component Reference/Layouts/Vlayout|vlayout]], [[ZK Component Reference/Layouts/Hbox|hbox]] and [[ZK Component Reference/Layouts/Vbox|vbox]] arrange its children to be displayed horizontally and vertically. However, they provide more functionality, such as splitter, align and pack, but the performance is slower.
 
Similar to [[ZK Component Reference/Layouts/Hlayout|Hlayout]] and [[ZK Component Reference/Layouts/Vlayout|vlayout]], [[ZK Component Reference/Layouts/Hbox|hbox]] and [[ZK Component Reference/Layouts/Vbox|vbox]] arrange its children to be displayed horizontally and vertically. However, they provide more functionality, such as splitter, align and pack, but the performance is slower.
  
 
==Borderlayout==
 
==Borderlayout==
 
 
[[ZK Component Reference/Layouts/Borderlayout|borderlayout]] places its child components in up to five areas: north, east, south, west and center. All extra space is placed in the center area.
 
[[ZK Component Reference/Layouts/Borderlayout|borderlayout]] places its child components in up to five areas: north, east, south, west and center. All extra space is placed in the center area.
  
 
==Columnlayout==
 
==Columnlayout==
 +
[[ZK Component Reference/Layouts/Columnlayout|Columnlayout]] places its child components into multiple columns. Unlike [[ZK Component Reference/Layouts/Portallayout|portallayout]], the user cannot move the child components to different locations.
 +
 
==Portallayout==
 
==Portallayout==
 +
[[ZK Component Reference/Layouts/Portallayout|portallayout]] places its child components into multiple columns, and the user can move any of them to another location he want like a portal.
 +
 
==Tablelayout==
 
==Tablelayout==
 +
[[ZK Component Reference/Layouts/Tablelayout|tablelayout]] places its child components in a table. The implementation is based on HTML TABLE tag.
 +
 
=Containers=
 
=Containers=
 
Here are a brief introductions. For detailed information and a complete list, please refer to [[ZK Component Reference/Containers|ZK Component Reference: Containers]].
 
Here are a brief introductions. For detailed information and a complete list, please refer to [[ZK Component Reference/Containers|ZK Component Reference: Containers]].

Revision as of 02:28, 23 December 2010


Layouts and Containers


Layouts are components used to partition the display area it owns into several sub-areas for its child components, while containers group its child components into the display area it owns.

Layouts

Here are a brief introductions. For detailed information and a complete list, please refer to ZK Component Reference: Layouts.

Hlayout and Vlayout

Hlayout and vlayout are a simple and lightweight layout that arranges its children to be displayed horizontally and vertically, respectively.

Hbox and Vbox

Similar to Hlayout and vlayout, hbox and vbox arrange its children to be displayed horizontally and vertically. However, they provide more functionality, such as splitter, align and pack, but the performance is slower.

Borderlayout

borderlayout places its child components in up to five areas: north, east, south, west and center. All extra space is placed in the center area.

Columnlayout

Columnlayout places its child components into multiple columns. Unlike portallayout, the user cannot move the child components to different locations.

Portallayout

portallayout places its child components into multiple columns, and the user can move any of them to another location he want like a portal.

Tablelayout

tablelayout places its child components in a table. The implementation is based on HTML TABLE tag.

Containers

Here are a brief introductions. For detailed information and a complete list, please refer to ZK Component Reference: Containers.

Window

Panel

Div and Span

Groupbox

Tabbox

Version History

Last Update : 2010/12/23


Version Date Content
     



Last Update : 2010/12/23

Copyright © Potix Corporation. This article is licensed under GNU Free Documentation License.