CSS Styling

The appearance is defined using a set of css classes.

Prefix

The classes use the prefix defined in CssClassPrefix property. Example:

CssClassPrefix="navigator_"

Class names:

  • navigator_main
  • navigator_day
  • ...

Class names

The following class names are prefixed with a name defined in

  • main (global element)
  • month (each month table)
  • titleleft (left part of the header - contains '<' character)
  • title (middle part of the header - contains the month name)
  • titleright (right part of the header - contains '<' character)
  • dayheader (day names row)
  • day (day - current month)
  • dayother (day - previous or next month)

If you need to define a border for day or dayother cells, you should use these classes:

  • todaybox
  • daybox

Selected cells have the following class defined (in addition to base day/dayother class):

  • select

Today's cell has the following class defined (in addition to base day/dayother and possible select classes)

  • today

Days with events (busy) have the following class defined (in addition to base day/dayother class):

  • busy

Weekend day cells have the following class defined (in addition to base day/dayother and possible select classes):

  • weekend

 

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