Themes - ASP.NET Scheduler

DayPilot scheduler ASP.NET control comes with a built-in CSS3 theme. You don't need to include any additional CSS files to get started.

There are also 6 other themes included in the download package:

  • Windows 8
  • Traditional (Outlook-Like)
  • Transparent
  • White
  • Green
  • Blue

Read more about scheduler themes in the documentation.

Online Theme Designer

You can also create your own scheduler theme that matches your intranet or web application palette using the online theme designer.

  • The theme created using the designer is compatible with the latest scheduler version.
  • You can fork an existing theme from the scheduler themes gallery.
  • The CSS theme created using the theme designer can be customized manually. See the list of CSS classes used in the scheduler theme.
  • The themes are compatible with both the Pro (commercial) and Lite (open-source) schedulers.

Applying the Scheduler Theme

Simply include the CSS file and set the Theme property.

<link type="text/css" href='Themes/scheduler_white.css' rel="stylesheet" />

...

<DayPilot:DayPilotScheduler
  ...
  Theme="scheduler_white"
/>

Windows 8 Scheduler CSS Theme

asp.net-scheduler-windows-8-css-theme.png

Demo:

Traditional Scheduler CSS Theme (Outlook-Like)

asp.net-scheduler-outlook-css-theme.png

Demo:

Transparent Scheduler CSS Theme

asp.net-scheduler-transparent-css-theme.png

Demo:

White Scheduler CSS Theme

asp.net-scheduler-white-css-theme.png

Demo:

Green Scheduler CSS Theme

asp.net-scheduler-green-css-theme.png

Demo:

Blue Scheduler CSS Theme

asp.net-scheduler-blue-css-theme.png

Demo:

DayPilot for JavaScript, ASP.NET WebForms, ASP.NET MVC, Java