RadTooltip arrow not adjusting height

2 posts, 0 answers
  1. nestur
    nestur avatar
    4 posts
    Member since:
    Feb 2007

    Posted 08 May 2008 Link to this post

    I have made a share dialog using the radtooltip, radtabstrip and radmultipage. Each of the tabs have different height and the tooltip adjusts fine, but the little arrow pointing at the target element is stuck when dialog is resizing downwards. I use and have to use position=topright.
    Example code:


    a ID="linkShare">Share</a>


    telerik:RadToolTip ID="ShareDialog" runat="server" ManualClose="True" IsClientID="true" TargetControlID="linkShare" Width="400px" Skin="Vista"

    RelativeTo="Element" Animation="Resize" ShowEvent="OnClick" Position="TopRight">

    <asp:updatepanel runat="server" id="UpdatePanel1">


    <radTS:RadTabStrip ID="RadTabStrip1" runat="server" Skin="WebBlue" MultiPageID="RadMultiPage1"

    SelectedIndex="0" CssClass="tabStrip">


    <radTS:Tab ID="tabShare" Text="Share">


    <radTS:Tab ID="tabEmailFriend" Text="Email a friend">


    <radTS:Tab ID="tabComment" Text="Comment">




    <radTS:RadMultiPage ID="RadMultiPage1" runat="server" SelectedIndex="0" CssClass="multiPage">

    <radTS:PageView ID="RadPageView1" runat="server">

    <div style="height: 100px;">height=100</div>


    <radTS:PageView ID="RadPageView2" runat="server">

    <div style="height: 200px;">height=200</div>


    <radTS:PageView ID="RadPageView3" runat="server">

    <div style="height: 300px;">height=300</div>








    How do I make the arrow follow the window on resizing? Or remove the arrow completely? It seems like the window is always resizing at bottom and down.
  2. Svetlina Anati
    Svetlina Anati avatar
    2795 posts

    Posted 09 May 2008 Link to this post

    Hello Roy,

    This is expected behavior when using the xhtml <!DOCTYPE> declaration - when a child element extends its size even if it becomes bigger than its parent element, the parent does not resize itself. 

    Therefore, to force the resize, I suggest to add the following script to your page:

     function OnClientTabSelected()  
              var tooltip = $find ("<%= ShareDialog.ClientID %>");          
              var popup = tooltip.get_popupElement();  
              var table = popup.getElementsByTagName("TABLE")[0];                      
              popup.style.height = table.offsetHeight + "px";  

      <radTS:RadTabStrip OnClientTabSelected="OnClientTabSelected" ID="RadTabStrip1" runat="server" Skin="WebBlue" MultiPageID="RadMultiPage1" SelectedIndex="0" CssClass="tabStrip"

    You can find my testing project in the attached archive file.

    All the best,
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
Back to Top