We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy. Image for the cookie policy date
close icon

Tooltip

Hi,
In my Gantt chart,I have set the property ShowProgressStatus to false
Is it correct that the tooltip of the chart  shows the Progress value alongside the other?
There is a way to remove from the tooltip?

     Thanks in advance

    Andrea Perazzolo

1 Reply

MK Mahalakshmi Karthikeyan Syncfusion Team November 3, 2015 12:40 PM UTC

Hi Andrea,

The property ‘ShowProgressStatus’ is used only to specify whether to display progress over the taskbar or not, If we want to customize the task bar tooltip then we can use “TaskbarTooltipTemplateId” property. We can customize the tooltip using this property. Please refer the following code example for details.

<script type="text/x-jsrender" id="customTooltip">

        <table cellspacing="4">

            <tr>

                <td colspan="2"><b>{{:taskName}}</b></td>

            </tr>

            <tr> <td>StartDate:</td><td>{{:~_GanttDateFormatter("startDate")}}</td></tr>

            <tr><td>EndDate:</td><td>{{:~_GanttDateFormatter("endDate")}}</td></tr>

            <tr><td>Duration:</td><td>{{:duration}}</td></tr>

        </table>

    </script>

    <script type="text/javascript">

          function _dateFormating(data) {

                return Globalize.format(this.data[data], "dddd , dd MMMM yyyy");

          }

          var helpers = {};

          helpers["_GanttDateFormatter"] = _dateFormating;

          $.views.helpers(helpers);

    </script>

    @(Html.EJ().Gantt("Gantt")

         //…

         .TaskbarTooltipTemplateId("customTooltip")

    )

Here we have displayed only StartDate, EndDate, and Duration alone in the tooltip.

We have also prepared a sample based on this and you can find the sample under the following location.

Sample: http://www.syncfusion.com/downloads/support/directtrac/general/ze/TaskbarTooltip228905200

Regards,

Mahalakshmi K.


Loader.
Live Chat Icon For mobile
Up arrow icon