Hi Gitesh,
For your kind information we can customize the Gantt chart tooltip with the help of “taskbarTooltipTemplateId”. We can design our own style for the tooltip using JsRender script template by passing the script id to this property. Please refer the below code snippet for details.
|
<head>
<script>
function _dateFormating(data) {
return Globalize.format(this.data[data], "dddd , dd MMMM yyyy");
}
var helpers = {};
helpers["_treeGridDateFormatter"] = _dateFormating;
$.views.helpers(helpers);
</script>
</head>
<body>
<script type="text/x-jsrender" id="customTooltip">
<div>
<b>{{:taskName}}</b>
<p>starts on <b>{{:~_treeGridDateFormatter("startDate")}}</b> and ends on <b>{{:~_treeGridDateFormatter("endDate")}}</b></p>
</div>
</script>
<script type="text/javascript">
$("#gantt").ejGantt({
//…
taskbarTooltipTemplateId: "customTooltip"
});
</script>
</body>
|
We have also prepared a sample based on this and you can find the sample under the following location.
Sample: http://jsplayground.syncfusion.com/ijlnlv3o
Please let us know if you need further assistance on this.
Regards,
Mahalakshmi K.
