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.

Download Free Trial

• Demo page for the Tooltip

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>

See Also

• Basic Usage of the Tooltip TagHelper for ASP.NET Core (Demo)
• Server-Side API