• 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 Tooltip Template in ASP.NET Core Gantt Control

This sample demonstrates tooltip template customization in the Gantt Chart. Custom tooltips are configured for taskbars, baselines, and timeline cells to display additional contextual information.

DEMO
SOURCE

The Gantt Chart provides support for customizing tooltip content through the tooltipSettings property. Tooltips can display rich content such as images, formatted text, task information, and calculated metrics.

In this example, custom templates are configured for the following tooltip types:

  • taskbar - Displays resource information, task start date, and task end date.
  • baseline - Compares planned dates with the current task schedule.
  • timeline - Displays timeline statistics such as active tasks, milestone count, and overall progress.

Tooltip rendering can be enabled or disabled using the tooltipSettings.showTooltip property.

More information on the Essential® JS2 Gantt Chart can be found in this tooltip 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