button-add-tooltip-hover-text.md

title	description	type	page_title	slug	tags	ticketid	res_type
Adding Tooltips to Buttons	An example on how to set a Tooltip for a Button in {{ site.product }}.	how-to	Adding Tooltips to Buttons	button-add-tooltip-hover-text	button, add, tooltip, hover, text	1413806	kb

Environment

Product	Button for Progress® Telerik® {{ site.product_short }}
Product Version	2019.2.514

Description

How can I add a {{ site.product }} Tooltip to a Button?

Solution

To associate a tooltip with a Button in {{ site.product }}, follow the approach demonstrated in the [demo on the {{ site.product }} Tooltip](https://demos.telerik.com/{{ site.platform }}/tooltip/index).

    @(Html.Kendo().Button()
        .Name("myButton")
        .Tag("a")
        .Content("My Button")
    )

    @(Html.Kendo().Tooltip()
        .For("#myButton")
        .Position(TooltipPosition.Top)
        .Animation(e => e.Open(o => o.Zoom(ZoomDirection.In).Duration(150)))
        .Width(120)
        .Content("My Tooltip")
    )

More {{ site.framework }} Button Resources

• [{{ site.framework }} Button Documentation]({%slug htmlhelpers_button_aspnetcore%})

• [{{ site.framework }} Button Demos](https://demos.telerik.com/{{ site.platform }}/button/index)

{% if site.core %}

• {{ site.framework }} Button Product Page

• [Telerik UI for {{ site.framework }} Video Onboarding Course (Free for trial users and license holders)]({%slug virtualclass_uiforcore%})

• Telerik UI for {{ site.framework }} Forums

{% else %}

• {{ site.framework }} Button Product Page

• [Telerik UI for {{ site.framework }} Video Onboarding Course (Free for trial users and license holders)]({%slug virtualclass_uiformvc%})

• Telerik UI for {{ site.framework }} Forums {% endif %}

See Also

• Client-Side API Reference of the Button for {{ site.framework }}
• [Server-Side API Reference of the Button for {{ site.framework }}](https://docs.telerik.com/{{ site.platform }}/api/button)
• [Telerik UI for {{ site.framework }} Breaking Changes]({%slug breakingchanges_2023%})
• [Telerik UI for {{ site.framework }} Knowledge Base](https://docs.telerik.com/{{ site.platform }}/knowledge-base)