Show theme settings Shopping cart Download trialFree Trial
Appointment Dates Highlight Mode
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Date Navigator

v
Apply Changes
Previous yearPrevious monthOctober 2016
SMTWTFS
392526272829301
402345678
41910
11
12
1314
15
421617
18
19
20
21
22
432324
2526
2728
29
443031
     
November 2016Next monthNext year
SMTWTFS
44  12
34
5
4567
89
1011
12
461314
1516
1718
19
472021
2223
2425
26
482728
2930
12
3
4945
67
89
10
October 17, 2016
Monday, October 17
2016
9:00 AM 11:00 AM
Brad Farkus (Home)
Contact info: (23) 483-9348
4:00 PM 6:00 PM
Recurrence
Follow-up Medical Checkup
 
New Appointment
Did this demo address your needs?
If you’d like us to extend this demo further, please describe your needs below.
Thank you in advance for your cooperation.
SEND FEEDBACK


This demo illustrates how to highlight dates that have appointments within the DateNavigator extension that is bound to the SchedulerStorageControl.

Change the demo's options to specify how to draw dates with appointments (AppointmentDatesHighlightMode), and if to display the Today button (CalendarProperties.ShowTodayButton) and week numbers (CalendarProperties.ShowWeekNumbers) in the DateNavigator extension.

Set the AppointmentDatesHighlightMode property to one of the following values to specify how to draw dates with appointments:

  • Bold - Draws the date in bold.
  • Labels - Displays colored labels under the date. The appointment's identification label (AppointmentLabel) determines the label's color for the corresponding date in the Date Navigator.
  • Custom - Allows providing custom highlighting rules.
  • None - Does not apply any highlighting to the date.
Collapse/Expand
Local Copy of this Demo
To inspect the source code for this demo on your machine, you must first install our components via the DevExpress Component Installer.
You can open a local copy of this online demo directly from this webpage (if using v20.2.8, 21.1.4 or higher).
Open CS Solution
The source code files for this demo are installed (by default) in the following directory:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxSchedulerDemos