Themes"

From Documentation
Line 13: Line 13:
 
If no configuration specified, ZK Calendar renders in the default theme.
 
If no configuration specified, ZK Calendar renders in the default theme.
  
= How to Switch a Theme=
+
= How to Switch Themes=
 
Specify one of the following theme names above in <tt>zk.xml</tt> with the library property below:
 
Specify one of the following theme names above in <tt>zk.xml</tt> with the library property below:
  
Line 23: Line 23:
 
</source>
 
</source>
  
This component doesn't support to switch themes dynamically. You need to modify zk.xml and restart a server to switch a theme.
+
This component doesn't support switching themes dynamically. You need to modify zk.xml and restart a server to switch a theme.
  
 
{{ZKCalendarEssentialsPageFooter}}
 
{{ZKCalendarEssentialsPageFooter}}

Revision as of 15:01, 18 January 2021


Since 3.0.0

Overview

There are 4 themes supported:

  • iceblue (default)
  • breeze
  • dark
  • wcag

If no configuration specified, ZK Calendar renders in the default theme.

How to Switch Themes

Specify one of the following theme names above in zk.xml with the library property below:

	<library-property>
		<name>org.zkoss.calendar.theme.preferred</name>
		<value>dark</value>
	</library-property>

This component doesn't support switching themes dynamically. You need to modify zk.xml and restart a server to switch a theme.


The example project is at Github


Last Update : 2021/01/18

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