tooltips in an iframe clipped

3 posts, 0 answers
  1. Greg Mercer
    Greg Mercer avatar
    13 posts
    Member since:
    Jan 2010

    Posted 02 May 2010 Link to this post


    I have an issue where I need to display a RadScheduler control in an iframe within a parent page.

    So the pages are arranged like this:
    [Parent Page]
            RadScheduler - appointments with RadToolTips
        [/end of iframe]
    [/end of Parent Page]

    All of this works fine until it comes time to show a tooltip for one of the appointments in the RadScheduler - the tooltip is cut off by the iframe.

    Is there a way to have the tooltip display in the parent page, so that the entire tooltip can be seen?

    I've setup a simpler example to show the issue, but I couldn't seem to upload a .zip file attachment to my forum post.

    The code for the parent page looks something like this:

    <telerik:RadToolTip runat="server" ID="RadToolTip1" Width="280px" Height="70px" TargetControlID="" 
        OffsetX="0" OffsetY="0" IsClientID="true" EnableViewState="true" ShowCallout="false"
        <br /> 
        <img src="ToolTip.png" alt="&nbsp;" />         
    <iframe id="elvis" src="frametest.aspx" frameborder="1"></iframe> 

    And the code for the iframe looks something like this:
    <div id="red"></div> 

    I thought maybe it had something to do with how the TargetControlID is set. I tried a few things including trying to set the targetControl dynamically with client side script, but with no luck.

    Thanks so much for your help,
  2. robertw102
    robertw102 avatar
    265 posts
    Member since:
    Jul 2007

    Posted 03 May 2010 Link to this post

    Perhaps you should try setting the RenderInPageRoot="true" on the RadToolTip control.

    I hope that helps. 

  3. Svetlina Anati
    Svetlina Anati avatar
    2795 posts

    Posted 05 May 2010 Link to this post

    Hello guys,

    Please, note that the RadToolTip is actually composed by standard HTML elements and it has the same limitations as them. One of those limitations is that it cannot be displayed outside an IFRAME element and this is not directly related to RadControls or RadToolTip but to the way the things work - you can also test e.g with a standard DIV element and you will see that you cannot get it outside the IFRAME.

    This being said what I can suggest is to revise your setup, e.g one easy solution is to change the size of the tooltip to be wider and with smaller height - in this manner it should be visible even displayed near the end of the frame.

    Sincerely yours,
    the Telerik team

    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.
Back to Top