• 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.

Transform your ASP.NET MVC web apps today with Syncfusion ASP.NET MVC components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE