Theming and Styling"

From Documentation
m
m ((via JWB))
 
(17 intermediate revisions by 5 users not shown)
Line 1: Line 1:
 
{{ZKDevelopersReferencePageHeader}}
 
{{ZKDevelopersReferencePageHeader}}
  
Depending on the requirement, there are different ways to customize the look and feel of components.
+
This chapter introduces how you change a component's appearance through different ways including mold, CSS class, or even a theme.  
*Molds
 
*: 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
 
*: 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.
 
  
 +
To customize an individual component's appearance, please read [[ZK Style Customization Guide]].
 +
 +
To apply an overall, consistent design on all components, please see [[ZK Developer's Reference/Theming and Styling/Creating Custom Themes]].
  
 
{{ZKDevelopersReferenceHeadingToc}}
 
{{ZKDevelopersReferenceHeadingToc}}
 +
 +
 +
 
{{ZKDevelopersReferencePageFooter}}
 
{{ZKDevelopersReferencePageFooter}}

Latest revision as of 07:37, 8 July 2022


Theming and Styling


This chapter introduces how you change a component's appearance through different ways including mold, CSS class, or even a theme.

To customize an individual component's appearance, please read ZK Style Customization Guide.

To apply an overall, consistent design on all components, please see ZK Developer's Reference/Theming and Styling/Creating Custom Themes.






Last Update : 2022/07/08

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