Grids
Example of Tooltip Template in ASP.NET Core Gantt Chart Control
This sample explains the way of rendering tooltip template for taskbar, timeline and baseline by mapping template elements to the property of taskbar, timeline and baseline in tooltipSettings.
ID | Name | Start Date | End Date | Duration | Dependency | Progress | Baseline Start Date | Baseline End Date | Resources |
|---|---|---|---|---|---|---|---|---|---|
| 1 | Project initiation | 4/2/2024 | 4/5/2024 | 4 days | 0 | 1/1/1901 | 1/1/1901 | ||
| 2 | Identify Site location | 4/2/2024 | 4/2/2024 | 0 days | 30 | 4/2/2024 | 4/2/2024 | Martin Tamer | |
| 3 | Perform soil test | 4/2/2024 | 4/5/2024 | 4 days | 2FS | 0 | 4/1/2024 | 4/4/2024 | Rose Fuller |
| 4 | Soil test approval | 4/5/2024 | 4/5/2024 | 0 days | 3FS | 30 | 4/6/2024 | 4/6/2024 | |
| 5 | Project estimation | 4/8/2024 | 4/15/2024 | 6 days | 15 | 1/1/1901 | 1/1/1901 | ||
| 6 | Develop floor plan for estimation | 4/8/2024 | 4/10/2024 | 3 days | 4FS | 30 | 4/5/2024 | 4/7/2024 | Fuller King |
| 7 | List materials | 4/11/2024 | 4/15/2024 | 3 days | 6FS | 0 | 4/9/2024 | 4/12/2024 | Fuller King |
| 8 | Estimation approval | 4/15/2024 | 4/15/2024 | 0 days | 7FS | 0 | 4/16/2024 | 4/16/2024 | Construction Supervisor |
| 9 | Sign contract | 4/16/2024 | 4/16/2024 | 1 day | 8FS | 30 | 4/16/2024 | 4/17/2024 | Construction Supervisor |
| 10 | Project approval and kick off | 4/16/2024 | 4/16/2024 | 0 days | 9FS | 0 | 4/17/2024 | 4/17/2024 | |
| 11 | Site wwork | 4/17/2024 | 4/22/2024 | 4 days | 15 | 1/1/1901 | 1/1/1901 | ||
| 12 | Clear the building site | 4/17/2024 | 4/18/2024 | 2 days | 9FS | 30 | 4/16/2024 | 4/18/2024 | |
| 13 | Install temporary power service | 4/19/2024 | 4/22/2024 | 2 days | 12FS | 0 | 4/17/2024 | 4/19/2024 |
Mar 24, 2024 | Mar 31, 2024 | Apr 07, 2024 | Apr 14, 2024 | Apr 21, 2024 | Apr 28, 2024 |
|---|
S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T | W | T | F |
|---|
Tooltip can be enabled or disabled using tooltipSettings.showTooltip property. In this demo, the
tooltip template is rendered for taskbar,
taskbar and baseline using the
tooltipSettings.taskbar,
tooltipSettings.timeline
and tooltipSettings.baseline properties.
The baseline feature enables the user to view the deviation between the planned dates and the actual dates of
the tasks in a project. Baselines can be enabled in Gantt chart by enabling the renderBaseline
property along
with mapping the data source values for baselineStartDate and baselineEndDate
properties.