Box"

From Documentation
Line 8: Line 8:
  
 
= Employment/Purpose =
 
= Employment/Purpose =
 +
The box model of XUL is used to divide a portion of the display into a series of boxes. Components inside of a box will orient themselves horizontally or vertically. By combining a series of boxes and separators, you can control the layout of the visual presentation.
  
 +
A box can lay out its children in one of two orientations, either horizontally or vertically. A horizontal box lines up its components horizontally and a vertical box orients its components vertically. You can think of a box as one row or one column from an HTML table.
  
 +
[[Image:Box.png]]
 +
 +
<source lang="xml" >
 +
<zk>
 +
    <box orient="vertical">
 +
        <button label="Button 1"/>
 +
        <button label="Button 2"/>
 +
    </box>
 +
    <box  orient="horizontal">
 +
        <button label="Button 3"/>
 +
        <button label="Button 4"/>
 +
    </box>
 +
</zk>
 +
</source>
  
 
= Example =
 
= Example =

Revision as of 03:08, 21 April 2010

Box

  • Demonstration:
  • Java API: Box
  • JavaScript API: Box

Employment/Purpose

The box model of XUL is used to divide a portion of the display into a series of boxes. Components inside of a box will orient themselves horizontally or vertically. By combining a series of boxes and separators, you can control the layout of the visual presentation.

A box can lay out its children in one of two orientations, either horizontally or vertically. A horizontal box lines up its components horizontally and a vertical box orients its components vertically. You can think of a box as one row or one column from an HTML table.

File:Box.png

 <zk>
     <box orient="vertical">
         <button label="Button 1"/>
         <button label="Button 2"/>
     </box>
     <box  orient="horizontal">
         <button label="Button 3"/>
         <button label="Button 4"/>
     </box>
 </zk>

Example

Supported events

Name
Event Type
Text Text

Supported Children

*ALL

Use cases

Version Description Example Location
5.0+ Text Text

Version History

Version Date Content
5.x.x x/x/20xx Initialization



Last Update : 2010/04/21

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