Show theme settings Shopping cart Download trialFree Trial
Change Theme Settings
Change Theme Settings
Themes
 
Show All Themes
v
...v

Date Navigator

v
Apply Changes
Previous yearPrevious monthOctober 2016
SMTWTFS
392526272829301
402345678
419101112131415
4216171819202122
4323242526272829
443031     
November 2016Next monthNext year
SMTWTFS
44  12345
456789101112
4613141516171819
4720212223242526
4827282930123
4945678910
October 17, 2016
 


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