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

Timeline View

<
>
October 10 – 19, 2016
  • Timeline
  • Item
    ...
|<<
<<
<
>
>>
>>|
+
-
v
 
View Layout options
v
v
Appointment Layout
v
v
Common options
v
v
Apply Changes


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.

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