Blazor Gantt Chart Example - Custom Tooltip Templates
This demo passes automated axe checks with 0 violations — semantic markup, ARIA, full keyboard operation, visible focus. Section 508 conformant
Accessibility report
VPAT
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 |
This sample demonstrates how to customize both the taskbar tooltip and the editing tooltip in the Blazor Gantt Chart.
The default tooltip can be customized using the GanttTooltipSettings.TaskbarTemplate property, allowing tailored content to be displayed when hovering over a taskbar. Similarly, the editing tooltip shown during taskbar interactions such as resizing or dragging can be customized using the GanttTooltipSettings.EditingTemplate property.
Tooltip visibility can be controlled using the GanttTooltipSettings.ShowTooltip property, which enables or disables tooltip display as needed.
For further details, refer to the documentation.