• Material 3
  • Fluent
  • Fluent 2
  • Bootstrap 5
  • Tailwind CSS
  • High Contrast
  • Fluent 2 High Contrast
Preferences
Mode Selection
Touch
Mouse
Theme Selection
Theme Mode
Localization
*Translated by Google Translator.
Currency

Example of Default Functionalities in ASP.NET Core Tooltip Control

This sample demonstrates the default functionalities of the Tooltip which will open by hover or touch-hold action on button and displayed in 12 different positions.

DEMO
SOURCE
Position

This sample illustrates a tooltip, that gets opened on hovering the target labelled Show Tooltip. The tooltip can be shown on 12 possible positions, by selecting the appropriate position values provided in the dropdown. The applicable tooltip positions are as follows:

  • TopLeft
  • TopCenter
  • TopRight
  • BottomLeft
  • BottomCenter
  • BottomRight
  • LeftTop
  • LeftCenter
  • LeftBottom
  • RightTop
  • RightCenter
  • RightBottom

In case, if the tooltip needs to be opened on mobile devices, tap hold on the target labelled Show Tooltip instead of hovering and by default, it closes after 1.5 seconds on lift.

More information on the Tooltip instantiation can be found in the Documentation section.

Transform your ASP.NET Core web apps today with Syncfusion® ASP.NET Core components
85+ high-performance and responsive UI components
Dedicated support
Hassle-free licensing
TRY IT FOR FREE
opens in a new tab