This is a migrated thread and some comments may be shown as answers.

Location of tooltip doesn't change after refresh

2 Answers 179 Views
ToolTip
This is a migrated thread and some comments may be shown as answers.
Paul
Top achievements
Rank 1
Paul asked on 03 Sep 2013, 03:10 PM
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 Answers, 1 is accepted

Sort by
0
Accepted
Kiril Nikolov
Telerik team
answered on 05 Sep 2013, 01:39 PM
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!
0
Paul
Top achievements
Rank 1
answered on 06 Sep 2013, 02:38 PM
Ah I see. I was trying a hide/show without the timeout and that was failing. I'll add the timeout. Thanks.
Tags
ToolTip
Asked by
Paul
Top achievements
Rank 1
Answers by
Kiril Nikolov
Telerik team
Paul
Top achievements
Rank 1
Share this question
or