Style"

From Documentation
 
(8 intermediate revisions by 5 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 <code>CSS</code> styles for the owner desktop.
  
 
'''Note:'''  
 
'''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>.
+
*a <code>style</code> component can appear anywhere in a zul page, but it affects all components in the same <code>desktop</code>.
*getContent() simply get the string that is set by setContent(). If you call setSrc() or call the constructor of Style(), getContent() still gets null.
+
* <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]]
 
[[Image:ZKComRef_Style_Example.png]]
  
Line 23: Line 24:
 
</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 32: 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%"
+
{| class='wikitable' | width="100%"
 
! Version !! Description !! Example Location
 
! Version !! Description !! Example Location
 
|-
 
|-
| 5.0+
+
| &nbsp;
 
| &nbsp;
 
| &nbsp;
 
| &nbsp;
 
| &nbsp;
Line 50: 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.