Timeline Header Rows in ASP.NET MVC Scheduler

In addition to the default date and time header rows, the Timeline views can display additional header rows such as year, month, week, date, and hour. This can be achieved using the HeaderRows property, which is applicable only on the timeline views. The possible rows that can be added using the HeaderRows property are as follows.

  • Year
  • Month
  • Week
  • Date
  • Hour

NOTE

The Hour row is not applicable for the Timeline month view.

The following example shows the Scheduler displaying all the available header rows in the timeline views.

Display year and month rows in timeline views

To display the timeline Scheduler with only year and month names, define the Year and Month options within the HeaderRows property.

Display week numbers in timeline views

The week number can be displayed in a separate header row of the timeline Scheduler by setting the Week option within the HeaderRows property.

Displaying dates of a complete year in timeline view

It is possible to display a complete year in a timeline view by setting the Interval value as 12 and defining the TimelineMonth view option within the Views property of the Scheduler.

Customizing header rows using a template

You can customize the text of the header rows and display images or formatted text on each individual header row using the built-in Template option available within the HeaderRows property.

NOTE

You can refer to our ASP.NET MVC Scheduler feature tour page for its groundbreaking feature representations. You can also explore our ASP.NET MVC Scheduler example to know how to present and manipulate data.