DayPilot Knowledge Base

AJAX Calendar/Scheduling Controls
DayPilot Pro (AJAX Calendar Control)
» DayPilot AJAX Calendar
DayPilot Pro (AJAX Monthly Calendar Control)
» DayPilot AJAX Monthly Calendar
DayPilot Pro (AJAX Scheduler Control)
» DayPilot AJAX Scheduler
DayPilot » Knowledge Base » List of CSS classes used in CssOnly mode (Month)

List of CSS classes used in CssOnly mode (Month)

Last revision: Jul 15, 2013

All the classes will be prefixed with the value of CssClassPrefix property. 

Example:

CssClassPrefix="month_green"

"_message" will result in "month_green_message".

See also

Message Box

_message

Message bar.

_message_close

Close icon of the message bar.

Events

_event

Main event box.

_event_inner

A <div> inside event box (_event).

_event_hover

Added to the main event box when the cursor is on an event (in addition to _event).

_selected

A selected event (in addition to _event).

_event_continueleft

Events that start outside of the visible area.

_event_continueright

Events that end outside of the visible area.

Shadow

_shadow

Moving/resizing shadow marker.

_shadow_inner

A <div> inside _shadow.

Main

_main

The topmost <div>.

Headers

_header

Day header (Monday, Tuesday...) cell.

_header_inner

A <div> inside _header.

Day Cells

_cell

Day cell.

_cell_inner

A <div> inside _cell.

_previous

A day cell in previous month (in addition to _cell).

_next

A day cell in next month (in addition to _cell).

_cell_header

Day cell header (with day number).

_cell_business

Business time cells (defined as Monday - Friday). Used in addition to _cell.

Related

List of CSS classes used in CssOnly mode (Calendar)
List of CSS classes used in CssOnly mode (Scheduler)
List of CSS classes used in CssOnly mode (Navigator)
Sample Monthly Calendar CSS Theme