Tooltip Timeout is not being honoured

Gantt
#1

Hi Team,

We are using DHTMLX Gantt Pro version and I have set tooltip_timeout to 500ms but it’s not being honoured. Following is the configuration.

const gantt = Gantt.getGanttInstance()
gantt.config.tooltip_timeout = 500;
gantt.plugins({tooltip: true});
gantt.init();

Gantt Version : 7.0.9

But still tooltip is being shown after 30ms It’s not honouring the value provided.
I think this is a bug because in dhtmlxgantt.js file tooltip_timeout is hardcoded to 30 and it’s not using provided value.
Please let me know your thoughts.

Thanks,
Bhavesh Kumar.

#2

Hello @bkumar,

This issue occurs because you are trying to set the tooltip config, before including the tooltip plugin(when this config doesn’t exist).
In order to fix this issue, you should firstly activate the tooltip plugin and than set timeout config, like follows:

var gantt = Gantt.getGanttInstance()
gantt.plugins({tooltip: true});
gantt.config.tooltip_timeout = 500;

Here is the live demo:
http://snippet.dhtmlx.com/5/946d76aa0

#3

Hi @Siarhei,

Thanks for the update, It worked.
Is there any way to show custom tooltips on each cell of the Gantt Table (i.e. left panel).
I was expecting the tooltip will only be shown on Gantt Bar but same Tooltip is being shown on Table data as well. (i.e When I hover on Start Date, Name, Due Date etc)

Our Scenario : We are showing a checkbox as a Column and need to show Custom Tooltip on hover of the Checkbox and No Tooltips on Hover of other Columns.

Please let me know if there is any way to achieve this functionality.

Thank you,
Bhavesh Kumar.

#4

Hi @Siarhei

Any update on above query?

Bhavesh Kumar.

#5

Hi @bkumar,

Yes, you can define different tooltips for different elements, you can read about this functionality by the following link:
Tooltips for different elements:
https://docs.dhtmlx.com/gantt/desktop__tooltips.html#tooltipsfordifferentelements
Customization of tooltip behavior:
https://docs.dhtmlx.com/gantt/desktop__tooltips.html#customizationoftooltipbehavior

Here is a pretty basic example with no tooltips for usual columns, and custom tooltip for a column with buttons:
http://snippet.dhtmlx.com/5/5e6b85e90

Best regards,