Filter Tooltip and avoid to show default html tooltip

2 posts, 0 answers
  1. Jose
    Jose avatar
    2 posts
    Member since:
    Sep 2020

    Posted 26 Oct 2020 Link to this post

    When I use the prop filter in a Tooltip like these <Tooltip openDelay={500} position="top" filter={handleTooltip} parentTitle> I would like to avoid to show the default tooltip when handleTooltip function returns false, is there a way to do this? right now this is the behaviour http://g.recordit.co/6r6vrZzgD9.gif but I just want to show kendo tooltip when handleTooltip returns true, otherwise, I don't want to show that default tooltip.
  2. Stefan
    Admin
    Stefan avatar
    3035 posts

    Posted 27 Oct 2020 Link to this post

    Hello, Jose,

    This can be done by removing the title from the elements that should not show any tooltip, as this is the only way to prevent the browser to show the default tooltip. This can be done inside the handleTooltip method:

    https://stackblitz.com/edit/react-twfjjf?file=app/main.jsx

    I hope this is helpful.

    Regards,
    Stefan
    Progress Telerik

    Virtual Classroom, the free self-paced technical training that gets you up to speed with Telerik and Kendo UI products quickly just got a fresh new look + new and improved content including a brand new Blazor course! Check it out at https://learn.telerik.com/.

Back to Top