Tooltip

[Andrea Perazzolo]

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

[Mahalakshmi Karthikeyan]

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.