RadToolTip border disappear when browser window resize

3 posts, 0 answers
  1. Guillaume
    Guillaume avatar
    4 posts
    Member since:
    Mar 2014

    Posted 01 Jul 2015 Link to this post


    I am having an issue with the RadToolTip when I resize my broser window and the width of the tooltip is not set. When I resize the browser, the border left and right disappear.

    I have manage reproduce the problem in a blank page with the following code :

    <telerik:RadScriptManager ID="RadScriptManager1" runat="server" EnablePartialRendering="True" LoadScriptsBeforeUI="True">
    <telerik:RadAjaxManager ID="RadAjaxManager1" runat="server" UpdatePanelsRenderMode="Inline">
    <asp:Label ID="LabelForToolTipTest" runat="server" Text="Label avec Telerik ToolTip"></asp:Label>
    <telerik:RadToolTip ID="RadToolTipForLabel" runat="server" TargetControlID="LabelForToolTipTest" Position="BottomRight" HideDelay="5000">
        <div style="width:500px"></div>

    If i set a width to the tooltip the problem is solved, but in my case this is not possible, because the content is always different. The same issue occurs with the RadToolTipManager.

    Thank for your help,


  2. Guillaume
    Guillaume avatar
    4 posts
    Member since:
    Mar 2014

    Posted 01 Jul 2015 in reply to Guillaume Link to this post

    I forgot to mention that the issue only occurs in IE9. I tried it in chrome and cannot reproduce the problem.
  3. DevCraft R3 2016 release webinar banner
  4. Marin Bratanov
    Marin Bratanov avatar
    3555 posts

    Posted 02 Jul 2015 Link to this post

    Hi Guillaume,

    For the tooltip to work as expected, it must have dimensions set: http://docs.telerik.com/devtools/aspnet-ajax/controls/tooltip/troubleshooting/common-issues#tooltip-is-not-positioned-correctly.

    The tooltip control does not offer autosizing capabilities like RadWindow so it relies on the developer to provide dimensions that are enough to accommodate the content. If they are not, the browser would sometimes stretch its HTML elements in an unexpected way.

    This is more pronounced in the Classic RenderMode as it uses tables for the layout. Thus, I can also suggest switching to the Lightweight RenderMode because its uses divs: http://docs.telerik.com/devtools/aspnet-ajax/controls/tooltip/mobile-support/render-modes.


    Marin Bratanov
    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 Feedback Portal and vote to affect the priority of the items
Back to Top