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

Time Ruler Header Template

<
>
October 10 – 12, 2016
|<<
<<
<
>
>>
>>|
+
-
v
      
Lincoln Bartlett (Therapy)
Amelia Harper (Therapy)
Lincoln Bartlett (Therapy)
Amelia Harper (Therapy)
Lincoln Bartlett (Therapy)
Amelia Harper (Therapy)
      
200700        
3030      
300800      
3030      
400900      
3030      
5001000      
3030      
6001100      
3030      
70012PM      
3030      
800100      
3030      
900200      
3030      
1000300      
3030      
1100400      
3030      
12AM500      
3030      
100600      
3030      
200700      
3030      
 

This demo illustrates how to customize headers shown for every time ruler in a Day View by providing a custom TimeRulerHeaderTemplate.

In this demo, you're able to click on a time ruler header to invoke a drop-down list box, which allows you to change the time zone of a selected time ruler.

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
Open VB Solution
The source code files for this demo are installed (by default) in the following directories:
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\CS\ASPxSchedulerDemos
\Users\Public\Documents\DevExpress Demos XX.X\Components\ASP.NET\VB\ASPxSchedulerDemos