Separator"

From Documentation
m ((via JWB))
 
(One intermediate revision by one other user not shown)
Line 5: Line 5:
 
*Java API: <javadoc>org.zkoss.zul.Separator</javadoc>
 
*Java API: <javadoc>org.zkoss.zul.Separator</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.wgt.Separator</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.wgt.Separator</javadoc>
 +
*Style Guide: [[ZK_Style_Guide/XUL_Component_Specification/Separator | Separator]]
  
 
= Employment/Purpose =
 
= Employment/Purpose =
Line 31: Line 32:
 
</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 40: Line 41:
 
| None
 
| None
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
  
 
=Supported Children=
 
=Supported Children=
Line 45: Line 47:
 
  *NONE  
 
  *NONE  
  
=Use cases=
+
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
Line 56: Line 58:
  
 
=Version History=
 
=Version History=
 
+
{{LastUpdated}}
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-

Latest revision as of 11:06, 7 January 2022

Separator

Employment/Purpose

A separator is used to insert a space between two components. There are several ways to customize the separator.

  • By use of the orient attribute, you are able to specify whether the separator is vertical or horizontal. By default it is a horizontal separator, which inserts a line break. On the other hand, a vertical separator inserts white space.
  • By use of the bar attribute, you can control whether to show a horizontal or vertical line between components.
  • By use of the spacing attribute, you can control the size of spacing.

Example

ZKComRef Separator Example.png

 line 1 by separator
 <separator />
 line 2 by separator
 <separator />
 line 3 by separator
 <space bar="true" />
 another piece
 <separator spacing="20px" />
 line 4 by separator
 <space bar="true" spacing="20px" />
 another piece

Supported Events

Name
Event Type
None None

Supported Children

*NONE 

Use Cases

Version Description Example Location
     

Version History

Last Update : 2022/01/07


Version Date Content
     



Last Update : 2022/01/07

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