Example of Tooltip Template in Blazor Gantt Chart Component
This sample demonstrates the Gantt tooltip template and the editing tooltip template feature. In this sample, the taskbar tooltip and the taskbar editing tooltip are customized.
ID | Name | Start Date | End Date | Duration | Progress | Task Type |
|---|
| 1 | Project initiation | 3/29/2021 | 4/1/2021 | 4 days | 30 | FixedDuration |
| 2 | Identify site location | 3/29/2021 | 3/30/2021 | 2 days | 30 | FixedUnit |
| 3 | Perform soil test | 3/29/2021 | 4/1/2021 | 4 days | 30 | FixedWork |
| 4 | Soil test approval | 3/29/2021 | 3/29/2021 | 1 day | 30 | FixedWork |
| 5 | Market research | 3/29/2021 | 4/5/2021 | 6 days | 30 | FixedDuration |
| 6 | Demand analysis | 3/29/2021 | 3/31/2021 | 3 days | 30 | FixedWork |
| 7 | Customer strength | 4/1/2021 | 4/5/2021 | 3 days | 30 | FixedWork |
| 8 | Market opportunity analysis | 4/1/2021 | 4/2/2021 | 2 days | 30 | FixedWork |
| 9 | Project estimation | 3/31/2021 | 4/6/2021 | 5 days | 30 | FixedUnit |
| 10 | Develop floor plan for estimation | 3/31/2021 | 4/2/2021 | 3 days | 30 | FixedWork |
| 11 | List materials | 4/2/2021 | 4/5/2021 | 2 days | 30 | FixedWork |
| 12 | Estimation approval | 4/5/2021 | 4/6/2021 | 2 days | 30 | FixedWork |
Mar 23, 2021 | Mar 28, 2021 | Apr 04, 2021 | Apr 11, 2021 | Apr 18, 2021 | Apr 25, 2021 | May 02, 2021 | May 09, 2021 | May 16, 2021 | May 23, 2021 | May 30, 2021 | Jun 06, 2021 | Jun 13, 2021 | Jun 20, 2021 | Jun 27, 2021 | Jul 04, 2021 | Jul 11, 2021 | Jul 18, 2021 | Jul 25, 2021 |
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 | 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 | 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 | S | S | M | T | W | T | F | S | S | M | T | W | T | F | S | S | M | T |
The default tooltip in the Gantt Chart component can be customized using the GanttTooltipSettings.TaskbarTemplate component.
The taskbar editing tooltip in the Gantt Chart component can be customized using the GanttTooltipSettings.EditingTemplate component.
The tooltip can be enabled or disabled using the GanttTooltipSettings.ShowTooltip property. More information about tooltip template features can be found in this documentation section.