Div"

From Documentation
m (Created page with 'init')
 
(17 intermediate revisions by 4 users not shown)
Line 1: Line 1:
init
+
{{ZKComponentReferencePageHeader}}
 +
 
 +
= Div =
 +
 
 +
*Demonstration: N/A
 +
*Java API: <javadoc>org.zkoss.zul.Div</javadoc>
 +
*JavaScript API: <javadoc directory="jsdoc">zul.wgt.Div</javadoc>
 +
 
 +
= 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 =
 +
 
 +
[[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=
 +
 
 +
{| border="1" | width="100%"
 +
! <center>Name</center>
 +
! <center>Event Type</center>
 +
|-
 +
| None
 +
| None
 +
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
 +
 
 +
=Supported Children=
 +
 
 +
*ALL
 +
 
 +
=Use Cases=
 +
 
 +
{| border='1px' | width="100%"
 +
! Version !! Description !! Example Location
 +
|-
 +
| &nbsp;
 +
|
 +
|
 +
|}
 +
 
 +
=Version History=
 +
{{LastUpdated}}
 +
 
 +
{| border='1px' | width="100%"
 +
! Version !! Date !! Content
 +
|-
 +
| &nbsp;
 +
| &nbsp;
 +
| &nbsp;
 +
|}
 +
 
 +
{{ZKComponentReferencePageFooter}}

Revision as of 03:34, 23 December 2010

Div

  • Demonstration: N/A
  • Java API: Div
  • JavaScript API: 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

ZKComRef Div Example.png

<div align="left" width="300px">
	<doublebox />
</div>
<div align="right" width="300px">
	<doublebox />
</div>

Supported Events

Name
Event Type
None None

Supported Children

*ALL

Use Cases

Version Description Example Location
 

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.