RadTooltip arrow not adjusting height

[nestur]

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">

<contenttemplate>

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

SelectedIndex="0" CssClass="tabStrip">

<Tabs>

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

</radTS:Tab>

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

</radTS:Tab>

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

</radTS:Tab>

</Tabs>

</radTS:RadTabStrip>

<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>

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

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

</radTS:PageView>

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

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

</radTS:PageView>

</radTS:RadMultiPage>

</contenttemplate>

</

asp:updatepanel>

</

telerik:RadToolTip>

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.

[Svetlina Anati]

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,
Svetlina
the Telerik team

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