Sclass"

From Documentation
m (Created page with '{{ZKStyleGuidePageHeader}} The purpose of the Sclass is to lightly change the CSS of the component. For example, <zk> <style dynamic="true"> .mydb { border: 1px solid blue; } …')
 
m
Line 1: Line 1:
{{ZKStyleGuidePageHeader}}
 
 
 
The purpose of the Sclass is to lightly change the CSS of the component.
 
The purpose of the Sclass is to lightly change the CSS of the component.
  
 
For example,
 
For example,
 
+
<source lang="xml">
 
<zk>
 
<zk>
 
<style dynamic="true">
 
<style dynamic="true">
Line 14: Line 12:
 
<textbox value="Without Sclass"/>
 
<textbox value="Without Sclass"/>
 
</zk>
 
</zk>
 +
</source>
 
As you can see, the above example has two Textbox, one has the Sclass property, and the other has no the Sclass property. Most of the time we need to customize a style with a special field without influencing others, we can specify the Sclass property instead.
 
As you can see, the above example has two Textbox, one has the Sclass property, and the other has no the Sclass property. Most of the time we need to customize a style with a special field without influencing others, we can specify the Sclass property instead.
 
{{ZKStyleGuidePageFooter}}
 

Revision as of 01:29, 8 September 2010

The purpose of the Sclass is to lightly change the CSS of the component.

For example,

<zk>
<style dynamic="true">
.mydb {
border: 1px solid blue;
}
</style>
<textbox sclass="mydb" value="having Sclass"/>
<textbox value="Without Sclass"/>
</zk>

As you can see, the above example has two Textbox, one has the Sclass property, and the other has no the Sclass property. Most of the time we need to customize a style with a special field without influencing others, we can specify the Sclass property instead.