Log In
Home
Support
Demos
Documentation
Blogs
Training
Webinars
[Expand]General Information
[Collapse]WinForms Controls
  Prerequisites
 [Expand]What's Installed
 [Expand]Build an Application
 [Collapse]Controls and Libraries
  [Expand]Forms and User Controls
  [Expand]Messages, Notifications and Dialogs
  [Expand]Editors and Simple Controls
  [Expand]Ribbon, Bars and Menu
  [Expand]Application UI Manager
  [Expand]Docking Library
  [Expand]Data Grid
  [Expand]Vertical Grid
  [Expand]Pivot Grid
  [Expand]Tree List
  [Expand]Chart Control
  [Expand]Diagrams
  [Expand]Gauges
  [Expand]Map Control
  [Collapse]Scheduler
   [Expand]Product Information
   [Expand]Getting Started
   [Expand]Fundamentals
   [Collapse]Visual Elements
    [Collapse]Scheduler Control
      All-Day Area
      Appointments
      Appointment Flyout
      Dependencies
      Date Navigation Bar
      Day Headers
      Day of Week Headers
      Group Separator
      More Buttons
      Navigation Buttons
      Resource Headers
      Resource Navigator
      Status Lines
      Time Cells
      Time Ruler
      Time Indicator
      Time Scales
      Selection Bar
      Scroll More Buttons
    [Expand]Scheduler Command UI
    [Expand]Dialogs
     RangeControl
     Resources Tree
     Date Navigator
     Auxiliary Controls
     Reporting Controls
   [Expand]Design-Time Features
   [Expand]Examples
   [Expand]End-User Capabilities
   [Expand]Member Tables
  [Expand]Spreadsheet
  [Expand]Rich Text Editor
  [Expand]Spell Checker
  [Expand]Form Layout Managers
  [Expand]Navigation Controls
  [Expand]Printing-Exporting
  [Expand]PDF Viewer
   Reporting
  [Expand]Snap
  [Expand]TreeMap Control
 [Expand]Common Features
  Get More Help
 [Expand]API Reference
[Expand]ASP.NET Controls and MVC Extensions
[Expand]ASP.NET Bootstrap Controls
[Expand]ASP.NET Core Bootstrap Controls
[Expand]WPF Controls
[Expand]Xamarin Controls
[Expand]Windows 10 App Controls
[Expand]Document Server
[Expand]Reporting
[Expand]Report Server
[Expand]Dashboard
[Expand]eXpressApp Framework
[Expand]CodeRush
[Expand]CodeRush Classic
[Expand]Cross-Platform Core Libraries
[Expand]Tools and Utilities
 End-User Documentation

Time Scales

Expanded Overview

The Time Scale elements are inherent to the Timeline View. They appear as rulers with different time scales above the time cell area. The appointment's position on the time line can be recognized with the help of these elements.

Time scales are contained within the collection accessible by using the TimelineView.Scales property.

Expanded Built-in Time Scales

The following built-in classes representing the time scales are available:

The visual appearance of time scale elements can be customized via the TimeScale.DisplayFormat and TimeScale.Width properties. To hide a specific time scale use the TimeScale.Visible property.

You can specify a custom set of scales by clearing the time scale collection and populating it with required scales.

Expanded Custom Scales

To create a time scale with an arbitrary fixed interval, create the TimeScaleFixedInterval class instance by using a constructor with a parameter that is the required time interval. The following snippet illustrates how to add a 30 minutes time scale.

You can modify the time scale by creating the class inheriting from one of the built-in time scale. This technique is described in the How to: Hide Certain Columns in the Timeline View document.

You can also create a new time scale by inheriting from the TimeScaleFixedInterval class.

Show Me

A complete sample project is available in the DevExpress Code Examples database at http://www.devexpress.com/example=E1480.

Expanded See Also

How would you rate this topic?​​​​​​​