Scheduler: CSS Class Styling

Certain Scheduler objects can be customized using CSS classes.

The CSS classes will only be used if CssClassPrefix property is specified. All class names will be prefixed with the CssClassPrefix.

Objects

Event Box

  • class name: *event
  • example: scheduler_silver_event

Time Cell

  • class name: *cellbackground
  • example: scheduler_silver_cellbackground

Header Cell

  • class name: *header
  • example: scheduler_silver_header

Upper-Left Corner Cell

  • class name: *corner
  • example: scheduler_silver_corner

First Row of the Time Header

  • class name: *timeheadergroup
  • example: scheduler_silver_corner

Second Row of the Time Header

  • class name: *timeheadercol
  • example: scheduler_silver_timeheadercol

Resource Header

  • class: *rowheader
  • example: scheduler_silver_rowheader

"No Children" Resource Tree Icon

  • class: *tree_image_no_children
  • example: scheduler_silver_tree_image_no_children

"Expand" Resource Tree Icon

  • class: *tree_image_expand
  • example: scheduler_silver_tree_image_expand

"Collapse" Resource Tree Icon

  • class: *tree_image_collapse
  • example: scheduler_silver_tree_image_collapse

Sample Theme

The "scheduler_silver_" theme is defined in Demo/Themes/themes.css. It can be applied by using CssClassPrefix="scheduler_silver_".

/* scheduler silver theme */
.scheduler_silver_timeheadergroup, .scheduler_silver_corner, .scheduler_silver_timeheadercol
{
    background-image: url('scheduler_silver/top20.gif');
    background-repeat: repeat-x;
}
.scheduler_silver_rowheader 
{
    background-image: url('scheduler_silver/left45.gif');
    background-repeat: repeat-y;
}
.scheduler_silver_tree_image_no_children {
    background-image: url('scheduler_silver/tree_nochildren.png');
}
.scheduler_silver_tree_image_expand {
    background-image: url('scheduler_silver/tree_expand.png');
}
.scheduler_silver_tree_image_collapse {
    background-image: url('scheduler_silver/tree_collapse.png');
}

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