Displaying Tooltip on Disabled Button in UI for ASP.NET Core

Updated on Feb 27, 2026

Environment

Product	Tooltip for UI for ASP.NET Core
Version	2026.1.212

Description

I want to display a Tooltip over a disabled button in UI for ASP.NET Core. The button is disabled on click, and the Tooltip should still be visible when the button is hovered.

This knowledge base article also answers the following questions:

• How to show Tooltip on disabled buttons in UI for ASP.NET Core?
• Can Tooltip be displayed on disabled buttons?
• How to ensure Tooltip is visible on hover over disabled buttons?

Solution

To display a Tooltip on a disabled button, set the pointer-events CSS property of the k-disabled class to auto using the following CSS:

html

<style>
  .k-button.k-disabled {
    pointer-events: auto !important;
  }
</style>

If you want the Tooltip to show only when the button is disabled and not when it is enabled, handle the Tooltip show event. Hide the Tooltip when the button is enabled by using the following JavaScript:

javascript

function onShow(e) {
    var buttonObject = $("#iconTextButton").data("kendoButton");
    if (buttonObject.options.enable) {
        e.sender.hide();
    }
}

Example

Here is an example demonstrating how to display a Tooltip only when the KendoButton is disabled. The button is enabled or disabled using external clicks:

Live Example on Telerik Repl

See Also

• Tooltip Overview
• Tooltip API