• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Timescale in ASP.NET Core Scheduler Control

This demo depicts how to customize the grid lines of scheduler with different duration, count and also, how to apply template customizations on it.

DEMO
SOURCE

In this demo, scheduler has been allowed to display different number of grid lines per hour assigned with different duration to each cell, by making use of the interval and slotCount properties. The grid lines can also be disabled on scheduler, by setting false to the enable property available within timeScale. The time header text can be customized by making use of the majorSlotTemplate and minorSlotTemplate properties.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab