Location of tooltip doesn't change after refresh

3 posts, 1 answers
  1. Paul
    Paul avatar
    15 posts
    Member since:
    Jan 2013

    Posted 03 Sep 2013 Link to this post

    What I am trying to do is have a tooltip (floating to the right of input) that has content that can change while it is open. I have this working for the most part by calling refresh on the tooltip. The problem occurs when the text I am replacing was larger and had a larger text bubble with a callout at the center. When the text gets refreshed to something smaller, the bubble shrinks appropriately, but the location of the tooltip does not change, leaving the callout hanging far below the tooltip text bubble.

    I have tried to fix this by hiding and then showing the target tooltip but that fails to open the tooltip.

    Any ideas how i would solve this issue?
  2. Answer
    Kiril Nikolov
    Admin
    Kiril Nikolov avatar
    2564 posts

    Posted 05 Sep 2013 Link to this post

    Hello Paul,

    The problem comes from the fact that when the tooltip is resized in needs to calculate its position again. So in your case in order to reposition it correctly, you will need to hide() and show() the tooltip after the refresh. Please check the following jsBin for a possible implementation:

    http://jsbin.com/AbAgeDO/3/edit
     
    Regards,
    Kiril Nikolov
    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. Paul
    Paul avatar
    15 posts
    Member since:
    Jan 2013

    Posted 06 Sep 2013 Link to this post

    Ah I see. I was trying a hide/show without the timeout and that was failing. I'll add the timeout. Thanks.
Back to Top