Skip to main content
BuyLog In
WPF Controls
Search in…
Docs > WPF Controls > Controls and Libraries > Scheduler > Visual Elements > Time Ruler
All docs
V24.2
WPF Controls
Prerequisites
What's New
What's Installed
.NET/.NET Core Support
Common Concepts
MVVM Support
MVVM Framework
Controls and Libraries
Reporting
Data Grid
Ribbon, Bars and Menu
Charts Suite
Pivot Grid
Scheduler
Getting Started
Design Time Features
Data Items
Data Binding
Views
Visual Elements
Ribbon
Date Navigation Panel
Date Navigator
Pop-Up Menus
All-Day Area
Resource Tree
Resource Navigator
Time Ruler
Time Marker
Time Indicator
Windows
Appointment Flyout and ToolTip
Appearance Customization
Printing
Grouping
Time Zones
Selection
Create and Edit Appointments
Synchronize with Microsoft 365 Calendars
Filter Appointments and Time Regions
Clipboard Operations
Drag and Drop Appointments
Resize Appointments
Navigation
End-User Restrictions
Examples
Migration Guidelines
Spreadsheet
Rich Text Editor
Tree List
Gauge Controls
Map Control
Layout Management
Windows Modern UI
Printing-Exporting
Data Editors
Navigation Controls
Spell Checker
Property Grid
PDF Viewer
TreeMap Control
Gantt Control
Diagram Control
Windows and Utility Controls
Dialogs, Notifications and Panels
Office File API
Sankey Diagram Control
Sunburst Control
Heatmap Control
Scheduler (legacy)
AI-powered Extensions
Localization
Security Considerations
Support, Debug, and Troubleshooting
Redistribution and Deployment
Desktop & Web App UI Framework (Powered by EF Core)
Get More Help
API Reference
Download CHM

Time Ruler

  • 2 minutes to read

You can add multiple Time Rulers to a view and let users navigate appointments in multiple time zones. These UI elements available in the Day View, Work Week View, and Week View views.

Run Demo: Time Ruler

The image below illustrates a Scheduler control’s Day View with time rulers.

DXScheduler_TimeRuler

The Time Ruler includes the following elements:

TimeRuler.Caption
Displays a time zone or a geographical region.
Time Marker
Indicates the current time. Use the TimeRuler.TimeMarkerVisibility property to specify the visibility for a particular time ruler, or the DayViewBase.VisibleTime property to specify the visibility for all time rulers if the TimeRuler.TimeMarkerVisibility property set to null.
Minutes
Minute portion in time ruler labels. Use the TimeRuler.ShowMinutes property to control visibility.
Time Designator
Displays a time label for the first visible row. Use the TimeRuler.AlwaysShowTimeDesignator property to control visibility.
Time Indicator
Indicates the current time across the entire view. Use the DayViewBase.TimeIndicatorVisibility and TimelineView.TimeIndicatorVisibility properties to specify time indicator options, including its visibility.
“More” Buttons
Indicate that additional appointments are available on the displayed dates, but they don’t fit into the current visible range. Users can click these buttons to scroll the schedule and bring those appointments into the view.

To set up a time ruler, use the Scheduling.TimeRuler class.