This issue seems to be a recurring one, but still I can't find any solution to the problem. It seems to be very general, since the problem also occurres at the Telerik demo site; ToolTip / First Look .
My problem is very shortly to describe. When positioning the tooltip beneath or to the right of an element, the resizing goes very well since the arrow pointing at the associate element doesn't have to be moved, but when the tooltip has to be placed to the left or above the element (for example if there isn't space enough beneath the element to show the tooltip), the problem occur.
I have attached an example of the problem. 'Correct.png' shows how a correctly loaded tooltip is shown (tooltip is placed beneath the associated element), where 'Incorrect loading.png' and 'Incorrect loaded.png' shows how the arrow is stocked at the same placed before and after the tooltip is fully loaded - which ends up with an arrow inside the tooltip instead.
What can I do to solve my problem?
6 Answers, 1 is accepted
Thank you for your report, we are aware of this problem and so far we have found that it occurs when there is not enough space for the tooltip to position as initially set. This case is e. g - the tooltip should show at bottom center; however, there is not enough space to show there and the dynamic repositioning takes place and the result is that the tooltip determines whether to show instead of bottom center; next time you show it again - the callout is mispositioned.
I can confirm that we have this logged in our TODO list for fixing but I cannot give you an exact time estimate when this will be done (if you want, I can bookmark your thread and inform you when there is progress on this matter).
For the time being what I can suggest is to choose one of the following options:
1) make sure that there is enough place so that the tooltip should not reposition
2) set ShowCallout to false
3) I can give you code which overrides the dynamic repositioning; however, I do not recommend this because overriding internal methods can cause problems with later upgrades and your tooltip will not be repositioned when needed as well.
I understand that none of the suggested approaches fulfils 100% your requirement and I apologize for that but this is what we can do for now. However, I can ensure that the problem will be addressed as soon as there are not tasks with a higher priority set.
Svetlina
the Telerik team
It is not only a problem which occurs by repositioning the tooltip. If you choose to show the tooltip above or to the left for the element, and the window after load has to do auto resizing, then the problem will occur every time. Try f.x. to place the tooltip "Middle Left" at the demo page, then the problem occurs at all tooltip. :o)
I've solve my problem for now, by securing that the tooltip will never resize, but I would prefer a more dynamically solution, so yes; If you could bookmark my thread and inform me when there is progress on this one, I would be happy. :o)
Best regards,
Kenneth
Thank you for this additional information, I logged it in our database record for this particular problem and it will be taken in consideration when the problem is being addressed.
I confirm that your thread will be bookmarked and I will wrote back to you once I have some additional useful information on the matter.
Svetlina
the Telerik team
I would like to provide some additional information - we can confirm that the problem actually occurs only when repositioning is done as we initially assumed. The reason for the callout misposition with the MiddleRight and MiddleLeft on our demo was actually the fact that we enabled the shadows without making the size of the tooltip bigger. As a result, the shadows take some additional space and this causes the incorrect appearance. The callout started showing correctly once we added some extra pixels to the Width and Height properties.
If you have shadows enabled you can try whether this has been the problem on your side too and if so - take into account those additional pixels.
As to the repositioning problem, I will follow you up here again once I have additional information.
Svetlina
the Telerik team
Yes, we just changed the initial size and the change will be available in the next upload of the demo.
However, you can test this by setting Width e.g to 463 (which is bigger than the current initial value) and then you will see that setting the Position to MiddelLeft or MiddleRight does not cause the issue anymore.
Unfortunately, as I already said, the repositioning scenario is still problematic and it reproduces the problem.
Svetlina
the Telerik team