Borderlayout"
From Documentation
m (→Borderlayout) |
Tmillsclare (talk | contribs) m |
||
| Line 3: | Line 3: | ||
= Borderlayout = | = Borderlayout = | ||
| − | *Demonstration: [http://www.zkoss.org/zkdemo/userguide/#l1 Borderlayout | + | *Demonstration: [http://www.zkoss.org/zkdemo/userguide/#l1 Borderlayout] |
*Java API: <javadoc>org.zkoss.zkex.zul.Borderlayout</javadoc> | *Java API: <javadoc>org.zkoss.zkex.zul.Borderlayout</javadoc> | ||
*JavaScript API: <javadoc directory="jsdoc">zul.layout.Borderlayout</javadoc> | *JavaScript API: <javadoc directory="jsdoc">zul.layout.Borderlayout</javadoc> | ||
| Line 14: | Line 14: | ||
= Example = | = Example = | ||
| − | [[Image: | + | [[Image:ZKCompRef_Borderlayout.jpg]] |
<source lang="xml" > | <source lang="xml" > | ||
| Line 82: | Line 82: | ||
! Version !! Description !! Example Location | ! Version !! Description !! Example Location | ||
|- | |- | ||
| − | | | + | | |
| | | | ||
| | | | ||
| Line 92: | Line 92: | ||
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- | ||
| − | | 5.0. | + | | 5.0.2 |
| 05/11/2010 | | 05/11/2010 | ||
| Initialization | | Initialization | ||
Revision as of 04:24, 14 May 2010
Borderlayout
- Demonstration: Borderlayout
- Java API: Borderlayout
- JavaScript API: Borderlayout
Employment/Purpose
The layout component is a nested component. The parent component is borderlayout, and its children components include north, south, center, west, and east. The combination of children components of borderlayout is free.
Example
<borderlayout height="450px">
<north title="North" maxsize="300" size="50%" splittable="true" collapsible="true">
<borderlayout>
<west title="West" size="25%" flex="true" maxsize="250" splittable="true" collapsible="true">
<div style="background:#B8D335">
<label value="25%"
style="color:white;font-size:50px" />
</div>
</west>
<center border="none" flex="true">
<div style="background:#E6D92C">
<label value="25%"
style="color:white;font-size:50px" />
</div>
</center>
<east size="50%" border="none" flex="true">
<label value="Here is a non-border"
style="color:gray;font-size:30px" />
</east>
</borderlayout>
</north>
<center border="0">
<borderlayout>
<west maxsize="600" size="30%" flex="true" border="0" splittable="true">
<div style="background:#E6D92C">
<label value="30%"
style="color:white;font-size:50px" />
</div>
</west>
<center>
<label value="Here is a border"
style="color:gray;font-size:30px" />
</center>
<east title="East" size="30%" flex="true" collapsible="true">
<div style="background:#B8D335">
<label value="30%"
style="color:white;font-size:50px" />
</div>
</east>
</borderlayout>
</center>
</borderlayout>
Supported events
| None | None |
Supported Children
*ALL
Use cases
| Version | Description | Example Location |
|---|---|---|
Version History
| Version | Date | Content |
|---|---|---|
| 5.0.2 | 05/11/2010 | Initialization |