Example of Tooltip in Javascript Scheduler Control


This demo illustrates how to enable tooltip on scheduler events as well as the way to customize it. The tooltip can be customized to display any of the information in a formatted style by making use of the tooltip template option.

More Details...


In this demo, the tooltip is enabled to display on events by setting true to enableTooltip option within the eventSettings property. After enabling the default tooltip, it is customized to display the needed event information along with the appropriate images by making use of the tooltipTemplate option within the eventSettings. The tooltipTemplate option will not work, if enableTooltip is set to false. In mobile devices, tap holding the events will open the tooltip.