How to add a ToolTip to a disabled button

[Grant]

Hi, 

AS my title says, how do I add a tooltip to a disabled kendoButton, for the purpose of telling a user why its disabled.

Dojo: https://dojo.telerik.com/OTOpIrOV

Thanks, 

Grant

[Martin]

Hello Grant,

Thank you for contacting us. Normally the browser does not execute mouseenter events for disabled elements. A possible approach to add the tooltip would be to place the button in a wrapper (e.g span) which has a title attribute:

<span title="This is a tooltip">
  <button data-role="button" data-enable="false" class="myTest">button</button>
</span>

This approach would work just fine without the Kendo Tooltip. Here is the modified version of your Dojo.

And here is another workaround using the widget. Again, you need to use a wrapper so that you can initialize the widget from it, and not from the button. Here is a Dojo example demonstrating it.

Feel free to contact us if you have further questions

Regards,
Martin
Progress Telerik

[Mikkel]

Hello Martin,

 

I encountered the same issue today, and I must day, I do not agree with your response here - check out this Dojo example, showing that normal HTML buttons in fact do show their title when disabled:

https://dojo.telerik.com/WiCJhLCh

It would be greatly appreciated if Kendo UI Button would follow the standards with regards to this - it is indeed very useful to show the user why the button is disabled.


Best regards
Mikkel

[Martin]

Hello, Mikkel,

I can see that my colleague has replied to the same post in this forum thread. I suggest continuing the discussion there for simplicity. 

Regards,
Martin
Progress Telerik