RadtoolTip not scrolling with browser

2 posts, 0 answers
  1. Jerry
    Jerry avatar
    4 posts
    Member since:
    Apr 2012

    Posted 20 May 2012 Link to this post

    I'm sure this is a really obvious and quick fix, but I have a page whereby a user clicks in a button in the middle of the page (in this case, a button inside a radgrid). That button fires the tooltip, but it renders the tooltip at the top of the window, so the user has to scroll all the way to the top of the window. The tooltip doesnt scroll with the browser. Any thoughts? Here's how I have the tooltip configured:

    <telerik:RadToolTip ID="UserEdit" runat="server" Skin="Office2010Black"
            ManualClose="True"  Position="Center" RelativeTo="BrowserWindow"
            ShowCallout="False" Modal="True">
  2. Marin Bratanov
    Marin Bratanov avatar
    3908 posts

    Posted 23 May 2012 Link to this post


    I tried the following markup and the tooltip stays centered in the browser window:
    <telerik:RadToolTip ID="UserEdit" runat="server" Skin="Office2010Black"
        Position="Center" RelativeTo="BrowserWindow" ShowCallout="False" Modal="True"
        ShowEvent="FromCode" HideEvent="ManualClose" RenderInPageRoot="true">
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br /><br />
    <asp:Button ID="Button1" Text="show the tooltip" OnClientClick="$find('UserEdit').show(); return false;" runat="server" />

    Note the ShowEvent and HideEvent properties are set accordingly and the deprecated ManualClose property is not used. I have also set the RenderInPageRoot property to true to make sure the tooltip's popup element is created as far up in the HTML tree as possible to avoid interference with CSS rules from its parent elements as much as possible. I would, nevertheless, advise that you examine your own CSS and see if any rules are causing this behavior. This is easiest done by temporarily removing all your CSS from this form and testing. If the issues is gone then some of your rules would need higher specificity so that it does not affect the tooltip's popup.

    Marin Bratanov
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Back to Top