Skip to main content

​
Default Tooltip Behavior

The Gantt chart provides several types of tooltips out of the box:
ElementTooltip ContentTrigger
Task barsTask title, dates, assignee, durationHover over a task bar
Toolbar buttonsAction descriptionHover over a toolbar button
Milestone markersMarker name and due date (format: Milestone: <name>, Due Date: YYYY-MM-DD)Hover over a milestone marker line
Today markerCurrent date (format: Today: YYYY-MM-DD)Hover over the today marker line
Grid column headersFull column nameHover over a truncated column header
Footer filter indicatorActive filter description (resource, date range, text)Hover over the filter icon in the footer

​
Step 1: Add Custom Fields to Task Tooltips

Customizing task bar tooltips requires two scripts working together: an Item Script to populate the data and a Gantt Config Script to render it. First, add the data fields in Widget Properties > Advanced > Item Script: 
// Extract fields from the Polarion work item
task.getFields().put("description", wi.getDescription() ? wi.getDescription().getContent() : "");
task.getFields().put("remainingEstimate", wi.getValue("remainingEstimate") ? wi.getValue("remainingEstimate").toString() : "N/A");
Then, override the tooltip template in Widget Properties > Advanced > Gantt Config Script: 
gantt.templates.tooltip_text = function(start, end, task) {
  return "<b>" + task.text + "</b>" +
    "<br/>Start: " + gantt.templates.tooltip_date_format(start) +
    "<br/>End: " + gantt.templates.tooltip_date_format(end) +
    "<br/>Remaining: " + task.fields.remainingEstimate;
};
The Item Script runs on the server and populates task field data. The Gantt Config Script runs on the client and renders the tooltip template. If you only configure the template without populating the fields, the tooltip displays empty or undefined values.

​
Step 2: Customize Milestone Marker Tooltips

Milestone marker tooltips display automatically when you hover over a marker line on the timeline. The tooltip shows the marker name and due date in the following format: 
Milestone: Release v2.0
Due Date: 2025-06-15
The marker tooltip content is derived from the title and date properties of each marker. To customize marker content, configure your markers with descriptive titles. See Create and Configure Markers for details. The Gantt footer displays a row count indicator (e.g., Rows: 4 of 10). When filters are active, a filter icon appears. Hovering over this icon shows a tooltip summarizing all active filters:
  • Closed items filter: How many tasks are hidden because they are resolved
  • Date range filter: The active start/end date range limiting visible tasks
  • Text filter: The current search string and how many tasks it hides
  • Resource filter: The active resource name and hidden task count
  • Marker filter: Which marker is scoping the visible date range
These tooltips update dynamically as you apply or remove filters.
Tooltip script customization works best when your Nextedy GANTT version matches your Polarion version. If tooltip scripts produce unexpected results after an upgrade, verify that both components are on compatible versions.

​
Disabling Tooltips

To disable task bar tooltips entirely, add the following to the Gantt Config Script: 
gantt.config.show_quick_info = false;
The exact property name to disable tooltips may vary by version. Test in your environment after applying the change.

​
Verification

You should now see customized tooltip content when hovering over task bars in the Gantt chart. The tooltip displays the fields you configured in the Item Script, formatted according to your Gantt Config Script template. Milestone markers show their name and due date, and the footer tooltip describes any active filters.

​
See Also

KB ArticlesSupport TicketsSource Code
  • prod-gantt-src/com.nextedy.polarion.gantt.client/cypress/e2e/GanttFilterByResourceMarker.cy.ts
  • prod-gantt-src/com.nextedy.polarion.gantt.client/src/js/tooltips.js
  • prod-gantt-src/com.nextedy.polarion.gantt.client/cypress/e2e/milestones/milestone-tooltip-date.cy.ts
  • prod-gantt-src/com.nextedy.polarion.gantt.client/src/js/lib/tooltipProvider.js
  • prod-gantt-src/com.nextedy.polarion.gantt.client/src/js/gantt.js