• 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 Ajax Content in ASP.NET MVC Tooltip Control

This sample demonstrates the AJAX functionalities of the Tooltip which will open by hover or touch-hold action on list-item.


National Sports

This sample illustrates the way to load the content of a tooltip dynamically using AJAX request. Here, when the user hovers/tap on the country names, its respective data (national game of each country and its related game icon) will be retrieved dynamically and then assigned to the tooltip’s content.

The AJAX request should be made within the beforeRender event of the tooltip, and on every success, the corresponding retrieved data will be set to the content property of the tooltip.

More information on loading dynamic tooltip content can be found in the documentation section.