TaskTooltip

This feature displays a task tooltip on mouse hover. The template of the tooltip is customizable with the template function.

Showing custom HTML in the tooltip

new Gantt({
    features : {
        taskTooltip : {
            template : ({ taskRecord }) => `Tooltip for ${taskRecord.name}`,
            // Tooltip configs can be used here
            align    : 'l-r' // Align left to right
        }
    }
});

Showing remotely loaded data

Loading remote data into the task tooltip is easy. Simply use the template and return a Promise which yields the content to show.

new Gantt({
    features : {
        taskTooltip : {
            template : ({ taskRecord }) => AjaxHelper.get(`./fakeServer?name=${taskRecord.name}`).then(response => response.text())
        }
    }
});

This feature is enabled by default.