This demo illustrates the DevExpress MVC Scheduler's Timeline View, which displays appointments as horizontal bars along the timescales, and provides end-users with a clearer overview for scheduling purposes.
In this demo, you're able to navigate through dates using two arrow buttons at the top-left corner of the Scheduler. If you want to see appointments for the current system date, click on the Today button.
To edit an appointment, right-click on it, and choose the Open option in the invoked context menu.
To create a new appointment, select a time cell (or several time cells at once), and right-click on the selected area. In this case the context menu will provide you with the ability to create appointments of different kinds, as well as navigate through the scheduler.
Also, in this context menu you may specify which time scales are currently taken into account, and which of them display their captions on top of the scheduler.
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).
The source code files for this demo are installed (by default) in the following directory:
Open CS Solution
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\MVCxSchedulerDemos