ZK Official Themes"
m |
m (→Overview) |
||
Line 5: | Line 5: | ||
= Overview = | = Overview = | ||
− | + | {| border='1px' | |
+ | ! width="160" | | ||
+ | ! width="160" | ZK 6.5 | ||
+ | ! width="160" | ZK 7.0 | ||
+ | ! width="160" | ZK 8.0 | ||
+ | ! width="160" | ZK 8.5 | ||
+ | |- | ||
+ | | Default Theme | ||
+ | | Breeze | ||
+ | | Breeze | ||
+ | | Breeze | ||
+ | | Iceblue | ||
+ | |- | ||
+ | | Applicable Themes | ||
+ | | Sapphire, Silvertail | ||
+ | | Sapphire, Silvertail, Atlantic, Bootstrap | ||
+ | | Sapphire, Silvertail, Atlantic, Bootstrap | ||
+ | | Sapphire, Silvertail, Atlantic, Bootstrap, ZK Theme Pack (23 Themes) | ||
+ | |} | ||
− | 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''''' . | + | 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 = | = Installation = |
Revision as of 06:29, 27 October 2017
Overview
ZK 6.5 | ZK 7.0 | ZK 8.0 | ZK 8.5 | |
---|---|---|---|---|
Default Theme | Breeze | Breeze | Breeze | Iceblue |
Applicable Themes | Sapphire, Silvertail | Sapphire, Silvertail, Atlantic, Bootstrap | Sapphire, Silvertail, Atlantic, Bootstrap | Sapphire, Silvertail, Atlantic, Bootstrap, ZK Theme Pack (23 Themes) |
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.
- 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.
Not to Import Google Font
Please refer to ZK Configuration Reference/zk.xml/The Library Properties/org.zkoss.theme.atlantic.useGoogleFont.disabled
ZK Theme Pack
ZK Bootstrap add-on
Tablet Support
Currently, Breeze and Atlantic themes both supports tablet devices.
Version History
Version | Date | Content |
---|---|---|