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 (Calendar)

List of CSS classes used in CssOnly mode (Calendar)

Last revision: Jan 30, 2015

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

Example:

Theme="calendar_green"

"_message" will result in "calendar_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.

All-Day Events

_alldayevent

Main event box.

_alldayevent_inner

A <div> inside main event box (_alldayevent).

_alldayevent_hover

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

Shadow

_shadow

Moving/resizing shadow marker.

_shadow_inner

A <div> inside _shadow.

Main

_main

The topmost <div>.

_scroll_up

Scroll up indicators.

_scroll_down

Scroll down indicators.

Upper-Left Corner

_corner

Upper-left corner box.

_corner_inner

A <div> inside _corner.

Upper-Right Corner

_cornerright

Upper-right corner box.

_cornerright_inner

A <div> inside _corner_right.

Column Headers

_colheader

Column header cell.

_colheader_inner

A <div> inside _colheader.

_alldayheader

All-day event header cell.

_alldayheader_inner

A <div> inside _alldayheader.

Time Headers

_rowheader

Row header cell.

_rowheader_inner

A <div> inside _rowheader.

_rowheader_minutes

A <span> that contains minutes part of the time header.

Time Cells

_cell

Time cell.

_cell_business

Business time cells (defined as Monday - Friday, between BusinessBeginsHour and BusinessEndsHour). Used in addition to _cell.

_cell_inner

A <div> inside _cell.

Related

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