Div"
From Documentation
| (16 intermediate revisions by 4 users not shown) | |||
| Line 1: | Line 1: | ||
{{ZKComponentReferencePageHeader}} | {{ZKComponentReferencePageHeader}} | ||
| − | = | + | = Div = |
| − | *Demonstration: | + | *Demonstration: N/A |
| − | *Java API: <javadoc>org.zkoss.zul. | + | *Java API: <javadoc>org.zkoss.zul.Div</javadoc> |
| − | *JavaScript API: <javadoc directory="jsdoc">zul. | + | *JavaScript API: <javadoc directory="jsdoc">zul.wgt.Div</javadoc> |
= Employment/Purpose = | = Employment/Purpose = | ||
| − | + | <tt>Div</tt> is one of the most lightweight container to group child component for, say, assigning CSS or making more sophisticated layout. It is the same as HTML DIV tag. Div is displayed as block that the following sibling won't be displayed in the same vertical position; as if there is a line break before and after it. | |
| − | |||
= Example = | = Example = | ||
| + | [[Image:ZKComRef_Div_Example.png]] | ||
| + | <source lang="xml" > | ||
| + | <div align="left" width="300px"> | ||
| + | <doublebox /> | ||
| + | </div> | ||
| + | <div align="right" width="300px"> | ||
| + | <doublebox /> | ||
| + | </div> | ||
| + | </source> | ||
| − | + | =Supported Events= | |
| − | |||
| − | =Supported | ||
{| border="1" | width="100%" | {| border="1" | width="100%" | ||
| Line 23: | Line 29: | ||
! <center>Event Type</center> | ! <center>Event Type</center> | ||
|- | |- | ||
| − | | | + | | None |
| − | | | + | | None |
|} | |} | ||
| + | *Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]] | ||
=Supported Children= | =Supported Children= | ||
| Line 31: | Line 38: | ||
*ALL | *ALL | ||
| − | =Use | + | =Use Cases= |
{| border='1px' | width="100%" | {| border='1px' | width="100%" | ||
! Version !! Description !! Example Location | ! Version !! Description !! Example Location | ||
|- | |- | ||
| − | | | + | | |
| − | | | + | | |
| − | | | + | | |
|} | |} | ||
=Version History= | =Version History= | ||
| + | {{LastUpdated}} | ||
{| border='1px' | width="100%" | {| border='1px' | width="100%" | ||
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- | ||
| − | | | + | | |
| − | | | + | | |
| − | | | + | | |
|} | |} | ||
{{ZKComponentReferencePageFooter}} | {{ZKComponentReferencePageFooter}} | ||
Revision as of 03:34, 23 December 2010
Div
Employment/Purpose
Div is one of the most lightweight container to group child component for, say, assigning CSS or making more sophisticated layout. It is the same as HTML DIV tag. Div is displayed as block that the following sibling won't be displayed in the same vertical position; as if there is a line break before and after it.
Example
<div align="left" width="300px">
<doublebox />
</div>
<div align="right" width="300px">
<doublebox />
</div>
Supported Events
| None | None |
- Inherited Supported Events: XulElement
Supported Children
*ALL
Use Cases
| Version | Description | Example Location |
|---|---|---|
Version History
| Version | Date | Content |
|---|---|---|