Page 1 of 1

[ANGULAR] how to configure calendar them

Posted: Thu Oct 14, 2021 9:20 am
by lanpeng

Hi bryntum team,
I can set the theme color of calendar by introducing different style files. But only dark and light can be set. Is there any other theme color that can be set?such as green...
If is possible, please show me the code or other way
thanks


Re: [ANGULAR] how to configure calendar them

Posted: Thu Oct 14, 2021 10:54 am
by saki

The easiest way to achieve theme switching in you application consists of these steps:

  1. remove all references to calendar.xxx.css (it is referenced in src/styles.scss in our demos) from the code of your project
  2. add <link rel="stylesheet" id="bryntum-theme" href="/your-path/calendar.xxx.css"> to the head of index.html
  3. implement a combo that would change href in the above link

CSS files of available themes are:

calendar.classic.css
calendar.classic-dark.css
calendar.classic-light.css
calendar.material.css
calendar.stockholm.css