• Material 3
  • Material 3 Dark
  • Fluent
  • Fluent Dark
  • Bootstrap v5
  • Bootstrap v5 Dark
  • Tailwind CSS
  • Tailwind CSS Dark
  • Material
  • Bootstrap v4
  • High Contrast
Theme Selection
Mode Selection
*Translated by Google Translator.

Example of Tooltip in ASP.NET MVC 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 using the tooltip template option.


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 using 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.