• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Localization
*Translated by Google Translator.
Currency
Essential Studio
HOME
All Controls

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.