The Calendar can be fully styled using CSS themes. You can create your own theme easily using the online WYSIWYG CSS Theme Designer.

You may need to adjust the AllDayEventHeight and other properties to match the theme (try AllDayEvenHeight=25).

ASP.NET WebForms

CssOnly mode is enabled by default.

Theme="calendar_white"

Sample Calendar Themes:

ASP.NET MVC

Several sample themes are available:

The CssOnly mode is enabled by default.

Specify the theme using Theme property:

Theme = "scheduler_white"

Example:

@Html.DayPilotCalendar("dpc", new DayPilotCalendarConfig {
  BackendUrl = ResolveUrl("~/Calendar/Backend"),
  Theme = "calendar_green",
  ...
})

JavaScript

In the JavaScript version, CssOnly mode is enabled by default.

See also:

Example

dp.theme = "calendar_white";