Arrow replacement after auto-resizing in tooltip

7 posts, 0 answers
  1. Ahrensberg
    Ahrensberg avatar
    73 posts
    Member since:
    Mar 2009

    Posted 14 Feb 2011 Link to this post

    Hi all - including Telerik supporters :o)

    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?
  2. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 16 Feb 2011 Link to this post

    Hello Ahrensberg,

     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.

    All the best,
    Svetlina
    the Telerik team
    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Ahrensberg
    Ahrensberg avatar
    73 posts
    Member since:
    Mar 2009

    Posted 17 Feb 2011 Link to this post

    Hello Svetlina,

    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
  5. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 22 Feb 2011 Link to this post

    Hi Ahrensberg,

     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.

    Best wishes,
    Svetlina
    the Telerik team
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  6. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 10 Mar 2011 Link to this post

    Hi Ahrensberg,

     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.

    All the best,
    Svetlina
    the Telerik team
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
  7. Ahrensberg
    Ahrensberg avatar
    73 posts
    Member since:
    Mar 2009

    Posted 10 Mar 2011 Link to this post

    Hmm... okay. You are probably right if you say so, but the issue still occurs at the demo page? :o)
  8. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 11 Mar 2011 Link to this post

    Hello Ahrensberg,

     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.

    Regards,
    Svetlina
    the Telerik team
    Registration for Q1 2011 What’s New Webinar Week is now open. Mark your calendar for the week starting March 21st and book your seat for a walk through all the exciting stuff we ship with the new release!
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017