Span"

From Documentation
m
 
(6 intermediate revisions by 3 users not shown)
Line 9: Line 9:
 
= Employment/Purpose =
 
= Employment/Purpose =
  
A Span is same as HTML SPAN tag
+
<code>Span</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 SPAN tag. Span is displayed inline with other siblings; as if there are ''no'' line breaks between them.
  
 
= Example =
 
= Example =
  
 +
[[Image:ZKComRef_Span_Example.png]]
  
 +
<source lang="xml">
 +
<span>
 +
Name:
 +
<textbox />
 +
</span>
 +
</source>
  
 +
=Supported Events=
  
 
+
{| class='wikitable' | width="100%"
=Supported events=
 
 
 
{| border="1" | width="100%"
 
 
! <center>Name</center>
 
! <center>Name</center>
 
! <center>Event Type</center>
 
! <center>Event Type</center>
Line 26: Line 31:
 
| &nbsp;
 
| &nbsp;
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/XulElement#Supported_Events | XulElement]]
  
 
=Supported Children=
 
=Supported Children=
Line 31: Line 37:
 
  *ALL
 
  *ALL
  
=Use cases=
+
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
Line 44: Line 50:
 
{{LastUpdated}}
 
{{LastUpdated}}
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-

Latest revision as of 07:16, 5 February 2024

Span

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

Employment/Purpose

Span 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 SPAN tag. Span is displayed inline with other siblings; as if there are no line breaks between them.

Example

ZKComRef Span Example.png

<span>
	Name:
	<textbox />
</span>

Supported Events

Name
Event Type
   

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.