The Scheduler 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).

See Also

ASP.NET WebForms

CssOnly mode is enabled by default. Set the theme using Theme property.

Theme="scheduler_8"

Sample Scheduler Themes:

ASP.NET MVC

Several sample themes are available:

The CssOnly mode is enabled by default. Specify the scheduler theme name using Theme property:

Theme = “scheduler_white”

Example:

@Html.DayPilotScheduler("dps", new DayPilotSchedulerConfig {
        BackendUrl = ResolveUrl("~/Scheduler/Backend"),
        Theme = "scheduler_green",
        ...
    })

JavaScript

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

See also:

Example

dp.theme = "scheduler_8";