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

Example of Timeline Template in ASP.NET Core Gantt Control

This sample explains the way of rendering timeline template by mapping template elements to the timelineTemplate property.

DEMO
SOURCE

In this demo, the timelineTemplate property enables the customization of timeline cells with any HTML content, allowing for enhanced visual appeal and personalized functionality.

The template contains these context properties to design the timeline cells.

  • date: Defines the date of timeline date.
  • value: Defines the date value to display in the timeline.
  • tier: Defines the tier of timeline.

More information on the Essential® Gantt Chart can be found in this documentation section.

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