Hide tooltips for menu root items?

6 posts, 1 answers
  1. Bob
    Bob avatar
    24 posts
    Member since:
    Dec 2014

    Posted 28 Apr Link to this post

    I have a Menu that has 9 root level items and many children items under each of them.

    I have added tooltips to the items, but I do not want tooltips for the root items to show up at all.

    I am loading the text using the ContentHandler and I have tried setting the text for the root items to "" and also to null. I have tried just leaving them out of the JavaScript that I use to set the text.

    No matter what I have tried, I get an empty tooltip box showing next to the root item when I first hover over it.

    TIA,
    Bob Mathis

  2. Bob
    Bob avatar
    24 posts
    Member since:
    Dec 2014

    Posted 28 Apr Link to this post

    Never Mind. I found it.

    Thanks

  3. UI for ASP.NET MVC is VS 2017 Ready
  4. Dimitar
    Admin
    Dimitar avatar
    281 posts

    Posted 29 Apr Link to this post

    Hi Bob,

    I am glad to know that you have managed to find a solution for this case. If you would like to, you may share a snippet with the community how you resolved it.

    Regards,
    Dimitar
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  5. Bob
    Bob avatar
    24 posts
    Member since:
    Dec 2014

    Posted 29 Apr Link to this post

    Well, actually, I just thought that I had it. I set the filter in the tooltip to ".k-top" and the root no longer had the empty tooltip box and any menu item that only had one child item showed the tooltip correctly, so I thought I had it fixed.

    But then, I found that if a root item had more than one child, only the first child would have the tooltip.

    So, now I am back to square one.

    Bob
  6. Answer
    Dimitar
    Admin
    Dimitar avatar
    281 posts

    Posted 03 May Link to this post

    Hi Bob,

    You should narrow down filter expression for the ToolTip - the jQuery selector which narrows the elements within the container for which the Tooltip will be shown. The easiest way to do so is to open your browser dev tools and start narrowing down the selection using #Menu as a beginning. You may try the following selector, which returns only child items on my side: '#Menu .k-item .k-group .k-item'

    You may test it in the browser with jQuery as follows: $('#Menu .k-item .k-group .k-item') . Executing it should return child items only.

    Regards,
    Dimitar
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  7. Bob
    Bob avatar
    24 posts
    Member since:
    Dec 2014

    Posted 03 May in reply to Dimitar Link to this post

    That worked great. Thank you so much.

    I really appreciate the quick responses that I always receive on these forums.

     

    Bob

Back to Top
UI for ASP.NET MVC is VS 2017 Ready