Div"

From Documentation
m
 
(12 intermediate revisions by 5 users not shown)
Line 3: Line 3:
 
= Div =
 
= Div =
  
 
+
*Demonstration: N/A
 
*Java API: <javadoc>org.zkoss.zul.Div</javadoc>
 
*Java API: <javadoc>org.zkoss.zul.Div</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.wgt.Div</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.wgt.Div</javadoc>
  
 
= Employment/Purpose =
 
= Employment/Purpose =
The same as <tt>HTML DIV </tt>tag.
+
<code>Div</code> is one of the most lightweight containers to group child components 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.
 
 
An extension. It has the same effect as<tt> <h:div xmlns:h="http://www.w3.org/1999/xhtml"></tt>. Note: a Window without title and caption has the same visual effect as <tt>Div</tt>, but <tt>Div</tt> doesn't implement <tt>IdSpace</tt>. In other words, <tt>Div</tt> won't affect the uniqueness of identifiers.
 
  
 
= Example =
 
= Example =
Line 17: Line 15:
  
 
<source lang="xml" >
 
<source lang="xml" >
<div align="left" width="300px">
+
<div align="left" width="300px">
    <doublebox />
+
<doublebox />
</div>
+
</div>
<div align="right" width="300px">
+
<div align="right" width="300px">
    <doublebox />
+
<doublebox />
</div>
+
</div>
 
</source>
 
</source>
  
=Supported events=
+
=Supported Events=
  
{| border="1" | width="100%"
+
{| class='wikitable' | width="100%"
 
! <center>Name</center>
 
! <center>Name</center>
 
! <center>Event Type</center>
 
! <center>Event Type</center>
Line 34: Line 32:
 
| None
 
| None
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
  
 
=Supported Children=
 
=Supported Children=
Line 39: Line 38:
 
  *ALL
 
  *ALL
  
=Use cases=
+
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
Line 50: Line 49:
  
 
=Version History=
 
=Version History=
 +
{{LastUpdated}}
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 5.0.1
+
| &nbsp;
| 4/21/2010
+
| &nbsp;
| Initialization
+
| &nbsp;
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Latest revision as of 04:30, 5 February 2024

Div

  • Demonstration: N/A
  • Java API: Div
  • JavaScript API: Div

Employment/Purpose

Div is one of the most lightweight containers to group child components 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 : 2024/02/05


Version Date Content
     



Last Update : 2024/02/05

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