Theming and Styling

From Documentation
Revision as of 09:41, 25 July 2011 by Alicelin (talk | contribs)


Theming and Styling


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 have different themes they prefer to use, you could implement a theme provider to allow them to switch among the themes you provide.



The CSS styling really depends on the implementation of the component (and the mold). It is suggested to refer to ZK Style Guide. In additions, if you have any doubt, you could use the HTML or CSS inspector shipped with the browser, such as Firebug for Firefox, and Developer Tools for Internet Explorer, to investigate how CSS styles are used.


Last Update : 2011/07/25

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