Theming and Styling"
From Documentation
m |
|||
| Line 5: | Line 5: | ||
*: A component could have multiple different appearance, such as accordion vs regular [[ZK Component Reference/Containers/Tabbox|tabbox]]. Each appearance is called a mold. You could choose one fulfilling your need. | *: A component could have multiple different appearance, such as accordion vs regular [[ZK Component Reference/Containers/Tabbox|tabbox]]. Each appearance is called a mold. You could choose one fulfilling your need. | ||
*CSS | *CSS | ||
| − | *: To fine-tune the look and feel, you could specify CSS styles and classes without changing the DOM structure at the client. | + | *: To fine-tune the look and feel of a particular component, you could specify CSS styles and classes without changing the DOM structure at the client. |
*Theme Customization | *Theme Customization | ||
*:The default themes (breeze, classic blue.. provided by ZK) allows some generic customization, such as font size. In additions, you could customize CSS and also DOM structures. | *:The default themes (breeze, classic blue.. provided by ZK) allows some generic customization, such as font size. In additions, you could customize CSS and also DOM structures. | ||
Revision as of 12:40, 27 November 2010
Depending on the requirement, there are different ways to customize the look and feel of components.
- Molds
- A component could have multiple different appearance, such as accordion vs regular tabbox. Each appearance is called a mold. You could choose one fulfilling your need.
- CSS
- To fine-tune the look and feel of a particular component, you could specify CSS styles and classes without changing the DOM structure at the client.
- Theme Customization
- The default themes (breeze, classic blue.. provided by ZK) allows some generic customization, such as font size. In additions, you could customize CSS and also DOM structures.
- Theme Provider
- If you allow users to select a theme from several themes you provide, you could implement a theme provider.