CSS Classes and Styles"
From Documentation
(Created page with '{{ZKDevelopersReferencePageHeader}} =Version History= {{LastUpdated}} {| border='1px' | width="100%" ! Version !! Date !! Content |- | | | |} {{ZKDeveloper…') |
|||
Line 1: | Line 1: | ||
{{ZKDevelopersReferencePageHeader}} | {{ZKDevelopersReferencePageHeader}} | ||
+ | |||
+ | CSS (Cascading Style Sheets) is a style sheet language used to describe the presentation of a (HTML) document. It is an important part of ZK to customize component's look and feel. If you are not familiar with CSS, please refer to [http://www.w3schools.com/css/default.asp CSS Tutorial]. | ||
+ | |||
+ | There are a set of methods that could be used to set CSS styles for an individual component. | ||
+ | |||
+ | * <javadoc method="setStyle(java.lang.String)" type="interface">org.zkoss.zk.ui.HtmlBasedComponent</javadoc> assigns CSS styles directly to a component | ||
+ | * <javadoc method="setSclass(java.lang.String)" type="interface">org.zkoss.zk.ui.HtmlBasedComponent</javadoc> (i.e., sclass) assigns one or multiple CSS style classes to a component. | ||
+ | * <javadoc method="setZclass(java.lang.String)" type="interface">org.zkoss.zk.ui.HtmlBasedComponent</javadoc> (i.e., zclass) assigns the main CSS style class to a component. Unlike style and sclass, if zclass is changed, all default CSS styles won't be applied. | ||
+ | * Some components have a so-called content area and they have a separated set of methods to change the CSS style of the content area, such as <javadoc method="setContentStyle(java.lang.String)">org.zkoss.zul.Window</javadoc> and <javadoc method="setContentSclass(java.lang.String)">org.zkoss.zul.Window</javadoc>. | ||
=Version History= | =Version History= |
Revision as of 16:53, 27 November 2010
CSS (Cascading Style Sheets) is a style sheet language used to describe the presentation of a (HTML) document. It is an important part of ZK to customize component's look and feel. If you are not familiar with CSS, please refer to CSS Tutorial.
There are a set of methods that could be used to set CSS styles for an individual component.
- HtmlBasedComponent.setStyle(String) assigns CSS styles directly to a component
- HtmlBasedComponent.setSclass(String) (i.e., sclass) assigns one or multiple CSS style classes to a component.
- HtmlBasedComponent.setZclass(String) (i.e., zclass) assigns the main CSS style class to a component. Unlike style and sclass, if zclass is changed, all default CSS styles won't be applied.
- Some components have a so-called content area and they have a separated set of methods to change the CSS style of the content area, such as Window.setContentStyle(String) and Window.setContentSclass(String).
Version History
Version | Date | Content |
---|---|---|