• All Demos
  • Grid SDK
  • Chart SDK
  • Scheduler SDK
  • Gantt SDK
  • Rich Text Editor SDK
  • Diagram SDK
  • File Manager SDK
  • Document SDK
  • PDF Viewer SDK
  • DOCX Editor SDK
  • Spreadsheet Editor SDK
  • 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 Task Label Template in ASP.NET Core Gantt Control

This sample explains the way of rendering label template for left, right, and task labels by mapping template elements to the leftLabel, rightLabel and taskLabel properties in labelSettings.

DEMO
SOURCE

The Gantt Chart supports custom label templates through the labelSettings property. Labels can be displayed on the left side, right side, and inside taskbars to provide additional task information. In this example, the leftLabel displays the task name and progress, the taskLabel displays the current progress percentage, and the rightLabel displays assigned resource information with custom images and names.

In this demo, the label template is rendered using the leftLabel, rightLabel and taskLabel properties in labelSettings.

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


Looking for the full ASP.NET Core Gantt Chart component overview, features, pricing, and documentation? Visit the ASP.NET Core Gantt Chart page.

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