ZK Official Themes"
m (→Installation) |
m (→Installation) |
||
Line 11: | Line 11: | ||
#* Sapphire - from [http://code.google.com/p/zkthemes/downloads/list google code] | #* Sapphire - from [http://code.google.com/p/zkthemes/downloads/list google code] | ||
#* Silvertail - from [http://code.google.com/p/zkthemes/downloads/list google code] | #* Silvertail - from [http://code.google.com/p/zkthemes/downloads/list google code] | ||
− | #* Atlantic - from [ | + | #* Atlantic - from [http://github.com/zkoss/atlantic/releases github] |
# Place theme.jar file under "'''projectName/WEB-INF/lib'''" folder. | # Place theme.jar file under "'''projectName/WEB-INF/lib'''" folder. | ||
# Register preferred theme by library property in '''zk.xml''' file under "'''projectName/WEB-INF'''" folder | # Register preferred theme by library property in '''zk.xml''' file under "'''projectName/WEB-INF'''" folder |
Revision as of 08:12, 28 November 2013
Currently, ZK provides the following different themes: Breeze (built-in theme), Sapphire, Silvertail and Atlantic. Breeze, Sapphire and Silvertail themes uses the same Trendy Design with just different colors while ZK 7's Atlantic theme adopts the new trend in user interface design --Flat Design .
Installation
- Download the preferred theme.jar file.
- Breeze - built-in theme, no need to download and register.
- Sapphire - from google code
- Silvertail - from google code
- Atlantic - from github
- Place theme.jar file under "projectName/WEB-INF/lib" folder.
- Register preferred theme by library property in zk.xml file under "projectName/WEB-INF" folder
<!-- zk.xml -->
<library-property>
<name>org.zkoss.theme.preferred</name>
<value>sapphire</value> <!-- or silvertail, atlantic -->
</library-property>
Trendy Design Theme
Trendy design emphasizes on gradient background, rounded corners and shadow effects. Breeze is a greyish based theme that supports desktop and tablet, sapphire is a blueish based theme that supports desktop only and silvertail is a silverish based theme that also support desktop only.
See below to take a quick view at the look and feel of Breeze, Sapphire and Silvertail, click image to view original size.
Flat Design Theme: Atlantic
On the contrary, flat design replaces skeuomorphism (gradient background, rounded corner and shadow effect) with simplicity and visual clarity to communicate. It is easy to create and customize a new theme based on this design. Atlantic is a blueish based theme that supports both desktop and tablets.
See below to take a quick view at the look and feel of Atlantic, click image to view original size.
Tablet Support
Currently, Breeze and Atlantic themes both supports tablet devices.
Version History
Version | Date | Content |
---|---|---|