Both tooltips show when mouse move to 2 overlapping contents

3 posts, 0 answers
  1. slash
    slash avatar
    2 posts
    Member since:
    Oct 2006

    Posted 18 Apr Link to this post

    This is an example: http://dojo.telerik.com/UnOJu

    Have 2 DIVs, DIV 2 is inside DIV 1. Both have tooltip. When mouse move to DIV 2, both tooltips show up.

    How can I let it only show tooltip for DIV 2 if mouse cursor is inside DIV 2, and show tooltip for DIV 1 if mouse cursor is inside DIV 1 but outside DIV 2?

     

     

    Thanks,

    Yong

  2. Iliana Nikolova
    Admin
    Iliana Nikolova avatar
    2595 posts

    Posted 20 Apr Link to this post

    Hi Yong,

    For this scenario I would suggest the following approach: 
    - Move div2 outside div1 and position it via CSS;
    - Manually hide the first tooltip using its hide method.
    Take a look at the updated dojo which demonstrates this approach in action: 
    http://dojo.telerik.com/@Iliana/UVeRI

    Regards,
    Iliana Nikolova
    Telerik
     
    Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
     
  3. Kendo UI is VS 2017 Ready
  4. slash
    slash avatar
    2 posts
    Member since:
    Oct 2006

    Posted 21 Apr in reply to Iliana Nikolova Link to this post

    Thank you Iliana, it looks like a right solution for my case.

     

     

    Regards,

    Yong

Back to Top