Style"

From Documentation
(7 intermediate revisions by 3 users not shown)
Line 3: Line 3:
 
= Style =
 
= Style =
  
*Demonstration: [http://www.zkoss.org/zkdemo/userguide/#m7 Style]
+
*Demonstration: [http://www.zkoss.org/zkdemo/styling/custom_style Style]
 
*Java API: <javadoc>org.zkoss.zul.Style </javadoc>
 
*Java API: <javadoc>org.zkoss.zul.Style </javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.utl.Style</javadoc>
 
*JavaScript API: <javadoc directory="jsdoc">zul.utl.Style</javadoc>
 +
*Style Guide: N/A
  
 
= Employment/Purpose =
 
= Employment/Purpose =
 
The style component used to specify <tt>CSS</tt> styles for the owner desktop.
 
The style component used to specify <tt>CSS</tt> styles for the owner desktop.
  
'''Note:''' a <tt>style </tt>component can appear anywhere in a <tt>ZUML</tt> page, but it affects all components in the same <tt>desktop</tt>.
+
'''Note:'''  
 +
*a <tt>style </tt>component can appear anywhere in a <tt>ZUML</tt> page, but it affects all components in the same <tt>desktop</tt>.
 +
*getContent() simply get 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=
 
 
=Supported events=
 
  
 
{| border="1" | width="100%"
 
{| border="1" | width="100%"
Line 27: Line 33:
 
| None
 
| None
 
|}
 
|}
 +
*Inherited Supported Events: [[ZK_Component_Reference/Base_Components/AbstractComponent#Supported_Events | AbstractComponent]]
  
 
=Supported Children=
 
=Supported Children=
  
<source lang="xml" >
 
 
  *NONE
 
  *NONE
</source>
 
  
=Use cases=
+
=Use Cases=
  
 
{| border='1px' | width="100%"
 
{| border='1px' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
| 5.0+
+
| &nbsp;
 
| &nbsp;
 
| &nbsp;
 
| &nbsp;
 
| &nbsp;
Line 45: Line 50:
  
 
=Version History=
 
=Version History=
 
+
{{LastUpdated}}
 
{| border='1px' | width="100%"
 
{| border='1px' | 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}}

Revision as of 07:19, 19 November 2010

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 ZUML page, but it affects all components in the same desktop.
  • getContent() simply get 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 : 2010/11/19


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



Last Update : 2010/11/19

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