To display tooltips for events, you should activate the Tooltip extension once on the page.
scheduler.plugins({
tooltip: true
});
After that tooltips will be displayed with the default settings.
To configure tooltips, you have the following API:
dhtmlXTooltip.hide();
dhtmlXTooltip.show(event,text);
dhtmlXTooltip.config.className = 'dhtmlXTooltip tooltip';
dhtmlXTooltip.config.timeout_to_display = 50;
dhtmlXTooltip.config.timeout_to_hide = 50;
dhtmlXTooltip.config.delta_x = 15;
dhtmlXTooltip.config.delta_y = -20;
var format = scheduler.date.date_to_str("%Y-%m-%d %H:%i");
scheduler.templates.tooltip_text = function(start,end,event) {
return "<b>Event:</b> "+event.text+"<br/><b>Start date:</b> "+
format(start)+"<br/><b>End date:</b> "+format(end);
};
Back to top