The Style Class (sclass)"

From Documentation
m (Created page with '{{ZKDevelopersGuidePageHeader}} The style component is used to specify CSS styles in a ZUML page. The simplest format is as follows. You can define the <tt>style</tt> property o…')
 
m (correct highlight (via JWB))
 
Line 1: Line 1:
 
{{ZKDevelopersGuidePageHeader}}
 
{{ZKDevelopersGuidePageHeader}}
  
The style component is used to specify CSS styles in a ZUML page. The simplest format is as follows. You can define the <tt>style</tt> property of a component.
+
The style component is used to specify CSS styles in a ZUML page. The simplest format is as follows. You can define the <code>style</code> property of a component.
 
<source lang="xml" >
 
<source lang="xml" >
 
<window>
 
<window>
Line 8: Line 8:
 
</source>
 
</source>
  
Or define CSS inside <tt><style/></tt>, and assign it to component through <tt>sclass</tt>
+
Or define CSS inside <code><style/></code>, and assign it to component through <code>sclass</code>
 
<source lang="xml" >
 
<source lang="xml" >
 
<window>
 
<window>

Latest revision as of 10:41, 19 January 2022

The Style Class (sclass)


Stop.png This documentation is for an older version of ZK. For the latest one, please click here.


The style component is used to specify CSS styles in a ZUML page. The simplest format is as follows. You can define the style property of a component.

<window>
	<textbox style="color: red; font-style: oblique;"/>
</window>

Or define CSS inside <style/>, and assign it to component through sclass

<window>
	<style> 
		.red { 
			color: blue; 
			font-style: oblique;
		}
	</style>
	<textbox sclass="red" />
</window>



Last Update : 2022/01/19

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