ASPxClientDateNavigator.DayCellCustomHighlight Event

Allows you to provide custom highlighting styles for day cells.

Declaration

DayCellCustomHighlight: ASPxClientEvent<ASPxClientDateNavigatorDayCellCustomHighlightEventHandler<ASPxClientDateNavigator>>

Event Data

The DayCellCustomHighlight event's data class is ASPxClientDateNavigatorDayCellCustomHighlightEventArgs. The following properties provide information specific to this event:

Property	Description
appointments	Provides access to the processed appointments.
date	Provides access to the date object of the processed cell.
htmlElement	Gets the HTML element that the event was triggered on.

Remarks

Note

The DayCellCustomHighlight event is in effect if the DateNavigatorProperties.AppointmentDatesHighlightMode is set to Custom.

JS

function OnDayCellCustomHighlight(s, e) {
    if(e.appointments.length > 0)
        e.htmlElement.className = e.htmlElement.className + " customStyle";
}

ASPX

<dx:ASPxDateNavigator runat="server" ID="ASPxDateNavigator1" MasterControlID="ASPxSchedulerStorageControl1" SelectedDate="2016, 10, 17" ClientInstanceName="dateNavigator">
    <ClientSideEvents DayCellCustomHighlight="OnDayCellCustomHighlight" SelectionChanged="OnSelectionChanged" />
    <Properties Columns="2" DayNameFormat="FirstLetter" />
</dx:ASPxDateNavigator>

Online Demo

Date Navigator