This is a migrated thread and some comments may be shown as answers.

Modal tooltip in modal window overlay problem

8 Answers 489 Views
Window
This is a migrated thread and some comments may be shown as answers.
mc2000
Top achievements
Rank 1
mc2000 asked on 22 Sep 2010, 04:05 PM
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!

8 Answers, 1 is accepted

Sort by
0
mc2000
Top achievements
Rank 1
answered on 22 Sep 2010, 04:29 PM
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).
0
Georgi Tunev
Telerik team
answered on 23 Sep 2010, 12:01 PM
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
0
mc2000
Top achievements
Rank 1
answered on 23 Sep 2010, 12:21 PM
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.
0
Georgi Tunev
Telerik team
answered on 23 Sep 2010, 12:54 PM
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
0
mc2000
Top achievements
Rank 1
answered on 23 Sep 2010, 01:02 PM

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>
0
mc2000
Top achievements
Rank 1
answered on 23 Sep 2010, 02:09 PM
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;">...
0
mc2000
Top achievements
Rank 1
answered on 24 Sep 2010, 03:42 PM
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">
0
Georgi Tunev
Telerik team
answered on 27 Sep 2010, 01:22 PM
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
Tags
Window
Asked by
mc2000
Top achievements
Rank 1
Answers by
mc2000
Top achievements
Rank 1
Georgi Tunev
Telerik team
Share this question
or