Hide tooltip from Column Menu component

1 Answer 55 Views
Filter  Grid Tooltip
Layla
Top achievements
Rank 1
Layla asked on 12 Jul 2024, 07:05 PM

Hello there, 

We're having a little trouble hiding the Tooltip on the Column Menu component. In the code, we've wrapped Tooltip around the Grid and set parentTitle to "false". This works as expected hiding the tooltip when hovering over the 3 dots filter icon, but still keeping the tooltip visible on the column header.

However, if you hover slightly around the edge of the 3 dots filter icon, the tooltip is still visible. Please see attached image for reference. 

Would it be possible to hide the tooltip from the Column Menu component completely?

1 Answer, 1 is accepted

Sort by
0
Accepted
Konstantin Dikov
Telerik team
answered on 15 Jul 2024, 03:17 PM

Hello Layla,

The latest version of the KendoReact Grid does not render a "title" attribute to any of the columnMenu elements, so no tooltip should be displayed:

If you are using an older version where a "title" attribute is set, you can use the "filter" callback of the Tooltip component to filter out the columnMenu elements from displaying a tooltip:

Another option would be to manually remove the "title" attribute from the elements with JavaScript.

Hope this helps.

 

Regards,
Konstantin Dikov
Progress Telerik

Stay tuned by visiting our public roadmap and feedback portal pages! Or perhaps, if you are new to our Kendo family, check out our getting started resources!

Tags
Filter  Grid Tooltip
Asked by
Layla
Top achievements
Rank 1
Answers by
Konstantin Dikov
Telerik team
Share this question
or