ASP.NET Scheduler - Knowledge Base

« Back to Knowledge Base list

How to add additional color theme for categories in a Scheduler control?

Q:

How to add additional color theme for categories in a Scheduler control?

A:

Additional color theme for categories can be added with the following steps:

1. Add new style folder inside styles/default/box under the Scheduler folder. For example, if you want to add a theme named "red", you can add a folder named "red" under styles/default/box.

2. Add asset images for new color theme similar to other themes in the same folder.

3. Add CSS file same as the folder name in the new folder, similar to other themes. It'll be better taking a CSS file from another theme & rename that. For example, if the folder name is "red", the CSS file should be named "red.css".

4. For the CSS classes in the CSS file, the class name should be prefixed with the folder name. For example, if the folder name is "red", the class names should be like .redBoxTable, .redText and so on.

5. Open the file Settings.aspx under styles/default folder in Scheduler folder with any text editor & find <select id="selTheme" style="width:100%;">.

6. Within this drop-down, add a new option for your newly created theme. The value should be same as the color theme folder name. For example, for the red theme, the option should be <option value="red">Red</option>.

7. Save the Settings.aspx file.

"You guys are WONDERFUL... I have to say that the obout controls are probably the best purchase we have made in a very long time... Thank you for the AWESOME support!"

John Miller