The Monthly 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 EventHeight and other properties to match the theme (try EvenHeight=25).

JavaScript

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

See also:

Example

dp.cssClassPrefix = "month_white";

ASP.NET WebForms

CssOnly mode must be enabled first.

CssOnly="true"
CssClassPrefix="calendar_white"

Sample Monthly Calendar Themes:

ASP.NET MVC

Several sample themes are available:

You need to enable CssOnly mode:

CssOnly = true,

And specify the theme:

CssClassPrefix = “scheduler_white”

Example:

@Html.DayPilotMonth("dpm", new DayPilotMonthConfig {
        BackendUrl = ResolveUrl("~/Month/Backend"),
        CssOnly = true,
        CssClassPrefix = "month_green",
        ...
    })