Tooltip TagHelper Overview
The Telerik UI Tooltip TagHelper for ASP.NET Core is a server-side wrapper for the Kendo UI Tooltip widget.
The Tooltip displays a popup hint for a given html element. Its content can be defined either as static text or loaded dynamically with AJAX.
The Tooltip is part of Telerik UI for ASP.NET Core, a
professional grade UI library with 100+ components for building modern and feature-rich applications. To try it out sign up for a free 30-day trial.
Initializing the Tooltip
The following example demonstrates how to define the Tooltip by using the Tooltip TagHelper.
<kendo-tooltip name="agglomerations" filter="span"></kendo-tooltip>
Basic Configuration
The Tooltip TagHelper configuration options are passed as attributes of the tag and through nested tags.
@(Html.Kendo().Tooltip()
.For("#agglomerations")
.Filter("span")
.Position(TooltipPosition.Top)
.Width(120)
.Animation(a => a.Open(e => e.Fade(FadeDirection.In).Duration(300)))
)
<kendo-tooltip name="agglomerations" filter="span" position="top" width="120">
<popup-animation>
<open effects="fade:in" duration="300" />
</popup-animation>
</kendo-tooltip>