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

Example of Timescale in ASP.NET MVC 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 using the Interval and SlotCount properties. The grid lines can also be disabled on schedule, by setting false to the enable property available within timeScale. The time header text can be customized by using the majorSlotTemplate and minorSlotTemplate properties.