Style"

From Documentation
 
(14 intermediate revisions by 5 users not shown)
Line 3: Line 3:
 
= Style =
 
= Style =
  
*Demonstration:  
+
*Demonstration: [http://www.zkoss.org/zkdemo/styling/custom_style Style]
*Java API: <javadoc>org.zkoss.zul.XXX</javadoc>
+
*Java API: <javadoc>org.zkoss.zul.Style </javadoc>
*JavaScript API: <javadoc directory="jsdoc">zul.YYY.XXX</javadoc>
+
*JavaScript API: <javadoc directory="jsdoc">zul.utl.Style</javadoc>
 +
*Style Guide: N/A
  
 
= Employment/Purpose =
 
= Employment/Purpose =
Space is a Separator with the orient default to "horizontal".
+
The style component used to specify <code>CSS</code> styles for the owner desktop.
In other words, <space> is equivalent to <separator orient="horizontal">
 
 
 
  
 +
'''Note:'''
 +
*a <code>style</code> component can appear anywhere in a zul page, but it affects all components in the same <code>desktop</code>.
 +
* <code>getContent()</code> simply gets the string that is set by setContent(). If you call setSrc() or call the constructor of Style(), getContent() still gets null.
  
 
= Example =
 
= Example =
  
 +
<br/>
 +
[[Image:ZKComRef_Style_Example.png]]
  
 +
<source lang="xml" >
 +
<style> a{ color:red; }</style>
 +
</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 28: Line 33:
 
| None
 
| None
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/AbstractComponent#Supported_Events | AbstractComponent]]
  
 
=Supported Children=
 
=Supported Children=
  
  *ALL
+
  *NONE
  
=Use cases=
+
=Use Cases=
  
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
| 5.0+
+
| &nbsp;
 
| &nbsp;
 
| &nbsp;
 
| &nbsp;
 
| &nbsp;
Line 44: Line 50:
  
 
=Version History=
 
=Version History=
 
+
{{LastUpdated}}
{| border='1px' | width="100%"
+
{| class='wikitable' | width="100%"
 
! Version !! Date !! Content
 
! Version !! Date !! Content
 
|-
 
|-
| 5.x.x
+
| 5.0.3
| x/x/20xx
+
| June 2010
| Initialization
+
| The media property is supported.
 
|}
 
|}
  
 
{{ZKComponentReferencePageFooter}}
 
{{ZKComponentReferencePageFooter}}

Latest revision as of 09:26, 30 August 2023

Style

  • Demonstration: Style
  • Java API: Style
  • JavaScript API: Style
  • Style Guide: N/A

Employment/Purpose

The style component used to specify CSS styles for the owner desktop.

Note:

  • a style component can appear anywhere in a zul page, but it affects all components in the same desktop.
  • getContent() simply gets the string that is set by setContent(). If you call setSrc() or call the constructor of Style(), getContent() still gets null.

Example


ZKComRef Style Example.png

<style> a{ color:red; }</style>

Supported Events

Name
Event Type
None None

Supported Children

*NONE

Use Cases

Version Description Example Location
     

Version History

Last Update : 2023/08/30


Version Date Content
5.0.3 June 2010 The media property is supported.



Last Update : 2023/08/30

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