About

DayPilot Theme Designer lets you create CSS themes for DayPilot scheduling controls in an online WYSIWYG editor.

Features

• Supports Chrome, Firefox, Internet Explorer 8+, Safari, Opera.
• CSS3 support (gradient backgrounds).
• Scheduler elements: events (including duration bar), background time cells, time header, resource header, message bar.
• Gantt elements: tasks (including complete bar), background time cells, time header, resource header, message bar.
• Calendar elements: events (including duration bar), all-day events, background time cells, time header, message bar.
• Month elements: events, all-day events, background time cells, day header, message bar.
• Download the theme in a single .zip file
• Clone and edit an existing theme.

Supported DayPilot Pro editions:

• DayPilot Pro for JavaScript
• DayPilot Pro for ASP.NET WebForms
• DayPilot Pro for ASP.NET MVC
• DayPilot Pro for Java

Supported DayPilot Lite editions (open-source):

• DayPilot Lite for JavaScript
• DayPilot Lite for ASP.NET WebForms
• DayPilot Lite for ASP.NET MVC

Applying a custom theme

Specify the theme name when saving it. The Theme Prefix should be used as a value of Theme property.

• Make sure the CssOnly mode is enabled (it is enabled by default in the latest version).
• Add Theme="my_theme".

CSS theme structure

For detailed information about the theme structure and manual theme adjusting please see:

• List of CSS classes used in CssOnly mode (Calendar)
• List of CSS classes used in CssOnly mode (Month)
• List of CSS classes used in CssOnly mode (Scheduler)