• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • 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 Chart 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.
  • Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
    100+ high-performance and responsive UI components
    Dedicated support
    Hassle-free licensing
    TRY IT FOR FREE
    opens in a new tab