Div"
From Documentation
RebeccaLai (talk | contribs) m |
|||
(9 intermediate revisions by 4 users not shown) | |||
Line 8: | Line 8: | ||
= Employment/Purpose = | = Employment/Purpose = | ||
− | + | <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. | |
− | |||
− | |||
= Example = | = Example = | ||
Line 17: | Line 15: | ||
<source lang="xml" > | <source lang="xml" > | ||
− | + | <div align="left" width="300px"> | |
− | + | <doublebox /> | |
− | + | </div> | |
− | + | <div align="right" width="300px"> | |
− | + | <doublebox /> | |
− | + | </div> | |
</source> | </source> | ||
− | =Supported | + | =Supported Events= |
− | |||
− | |||
− | {| | + | {| class='wikitable' | width="100%" |
! <center>Name</center> | ! <center>Name</center> | ||
! <center>Event Type</center> | ! <center>Event Type</center> | ||
Line 36: | Line 32: | ||
| None | | None | ||
|} | |} | ||
+ | *Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]] | ||
=Supported Children= | =Supported Children= | ||
Line 41: | Line 38: | ||
*ALL | *ALL | ||
− | =Use | + | =Use Cases= |
− | {| | + | {| class='wikitable' | width="100%" |
! Version !! Description !! Example Location | ! Version !! Description !! Example Location | ||
|- | |- | ||
Line 52: | Line 49: | ||
=Version History= | =Version History= | ||
+ | {{LastUpdated}} | ||
− | {| | + | {| class='wikitable' | width="100%" |
! Version !! Date !! Content | ! Version !! Date !! Content | ||
|- | |- |
Latest revision as of 04:30, 5 February 2024
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
<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 |
---|---|---|