Modal tooltip in modal window overlay problem

9 posts, 0 answers
  1. mc2000
    mc2000 avatar
    48 posts
    Member since:
    Nov 2009

    Posted 22 Sep 2010 Link to this post

    I have a radwindow which loads a user control containing a modal radtooltip. When the modaltooltip pops up it translates the overlay position and it's contents to the upper-left hand corner of the window. In other words, the tooltip overlay acts like the top left of the browser window is actually the top left of the radwindow.

    I also noticed that on radwindows where there is a scrollbar that the loading indcator also seems to be the height of the window contents versus the height of the window. I might try putting the content into a scroll-able div versus the window scrollbar to see if it fixes it but wanted to ask what the problem may be...

    Thanks!
  2. mc2000
    mc2000 avatar
    48 posts
    Member since:
    Nov 2009

    Posted 22 Sep 2010 Link to this post

    On the second point it actually looks like it might be because I am scrollng to the bottom and pressing continue and it offsets the loading indicator to be the top of the content which is not visible in the window (because I've scrolled down).
  3. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 23 Sep 2010 Link to this post

    Hi mc2000,

    You need to set RenderInPageRoot to true. In this case, the tooltip will be correctly positioned.


    Regards,
    Georgi Tunev
    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
  4. mc2000
    mc2000 avatar
    48 posts
    Member since:
    Nov 2009

    Posted 23 Sep 2010 Link to this post

    Thank you. Your answer resolved my first issue, the other being the loading indicator that is larger than and offset to the RadWindow whenever the content inside the RadWindow has a scrollbar. Any thoughts on this?

    Thanks.
  5. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 23 Sep 2010 Link to this post

    Hello mc2000,

    I apologize for missing the second part of your post. Could you please provide more details on how to reproduce the problem?


    Greetings,
    Georgi Tunev
    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
  6. mc2000
    mc2000 avatar
    48 posts
    Member since:
    Nov 2009

    Posted 23 Sep 2010 Link to this post

    Thanks for your response. This appears to always create the problem. Create a modal window. Load content (such as a user control) inside the window (inside the Ajax Panel) whose size exceeds the window which will generate a vertical scrollbar on the window. Do an async postback to cause the loading indicator to fire. The loading indicator will be larger than the window. Thanks!

                                                                                      <telerik:RadAjaxLoadingPanel ID="MainLoadingPanel" runat="server">
    </telerik:RadAjaxLoadingPanel>
           
      <telerik:RadWindow ID="DocumentWindow" runat="server" Modal="True" VisibleOnPageLoad="false" EnableShadow="true"
                Behaviors="Close" ReloadOnShow="true" AutoSize="false" Height="600" Width="840" OnClientBeforeClose="ClearDocumentSession">
                <ContentTemplate>
                    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="MainLoadingPanel">
                    </telerik:RadAjaxPanel>
                </ContentTemplate>
            </telerik:RadWindow>
  7. mc2000
    mc2000 avatar
    48 posts
    Member since:
    Nov 2009

    Posted 23 Sep 2010 Link to this post

    I found that by putting a div with overflow scroll in there seems to work (as the content is being truncated by the div versus the radwindow). Still curious as to if there is another approach to fix this.

    <telerik:RadAjaxPanel ID="RadAjaxPanel1" runat="server" LoadingPanelID="MainLoadingPanel">
    <div style="height:525px; width:840px; overflow: scroll; overflow-x: hidden;">...
  8. mc2000
    mc2000 avatar
    48 posts
    Member since:
    Nov 2009

    Posted 24 Sep 2010 Link to this post

    I found another (maybe related) issue on point one. When I pushed my user control to SharePoint, the tooltip is coming up at the bottom of the screen and behind the overlay.

    I find that if relativeto is set to browser this happens. If I set it relativeto an element and put a targetcontrolid in it works fine! Thanks.

    <telerik:RadToolTip ID="SignatureConfirmationToolTip" Position="Center" RenderInPageRoot="true"
            Visible="false" Width="250" runat="server" ShowCallout="false" Modal="True" HideEvent="FromCode">
  9. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 27 Sep 2010 Link to this post

    Hi mc2000,

    What I would suggest in this scenario is either to use the approach that you discovered, or to move the loading panel in the content template of the window and set loading's panel IsSticky property to true.

    As for the problem with the tooltip in SharePoint, I tried to reproduce the problem locally, but to no avail. It is possible for a problem like this to occur in SP because it is in quirks mode while RadControls for ASP.NET AJAX are based on the MS AJAX framework that uses XHTML doctype, but to be able to help in that case, we need to reproduce the problem locally.
    Please send us a webpart that we can run locally in the support ticket you opened on the same subject and we will check it right away.


    Greetings,
    Georgi Tunev
    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