TooltipTemplate

Updated on Oct 1, 2026

The TooltipTemplate provides you with full control over the rendering of the Timeline Task Tooltips.

The TooltipTemplate receives a context of type object, that can be cast to TooltipTemplateContext. It has the following properties available for display:

RAZOR

	<TooltipTemplate>
		<h4>@(((TooltipTemplateContext)context).Title)</h4>
		<h5>Percent Complete: @(((TooltipTemplateContext)context).DataAttributes["percent"])%</h5>
		<h5>Start: @(((TooltipTemplateContext)context).DataAttributes["start"])</h5>
		<h5>End: @(((TooltipTemplateContext)context).DataAttributes["end"])</h5>
		@*The "startDate" and "endDate" properties below are parsable to DateTime object.*@
		<h5>StartDate: @(DateTime.Parse(((TooltipTemplateContext)context).DataAttributes["startDate"]).Day)</h5>
		<h5>EndDate: @(DateTime.Parse(((TooltipTemplateContext)context).DataAttributes["endDate"]).Day)</h5>
	</TooltipTemplate>

Apart from that, you can add and customize any other content - for example, icons, images, components etc.

Customize the Task Tooltip through the TooltipTemplate.

Example

View Source

Loading ...

See Also

• Live Demo: Gantt Templates