White screen when moving radwindow

5 posts, 1 answers
  1. DMC Helpdesk
    DMC Helpdesk avatar
    52 posts
    Member since:
    Nov 2007

    Posted 14 Jun 2010 Link to this post

    Hi,

    I have a splitter (Top and bottom) and in the bottom pane, i have 2 panes (left, and content panes)  where content  pane displays data controls like RadGrid.The content pane is loaded using ContentUrl property pointing aspx pages in my application.

    If the user double click on a grid row in the content pane, a radwindow would open in the content pane, but the moment the user moves the radwindow to the left, it will hide under the left pane (it also stop moving top, under the top pane).This is not acceptable since my users will be using laptops most of the time,and also because my left pane is taking 160px, so this leave less than 800px for radwindow to be moved.

    To solve this, I created a radwindow in the masterpage (outside the splitter) and added a javascript function to open the radwindow by calling this function from within the content pane.It works, and now radwindow sits on top of all the panes and can move on all the client area of IE, but the content pane becomes white will moving the window,and goes back to normal when i release the mouse.

    Any ideas on why this is happening and how to fix it?

    Thanks

  2. Answer
    Petio Petkov
    Admin
    Petio Petkov avatar
    825 posts

    Posted 16 Jun 2010 Link to this post

    Hi,

    When the window is moved very quickly, the cursor goes over the IFRAME and the window's events are consumed - e.g. you "don't know" when the dragging / resizing is finished, which leads to inconsistent behavior. This is one of the main reasons why we hide the IFRAME (not because of a bug).
    I attached to the RadWindowManager's OnClientDragStart event and created a simple workaround which will disable this functionality. Here it is the code:
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <head runat="server"
        <title></title
        <script type="text/javascript"
            function WindowDragStart(oWin, args) 
            
                var resizeExtender = oWin._resizeExtender; 
                //DISABLE iframe hiding 
                resizeExtender.set_hideIframes(false); 
            
        </script
    </head
    <body
        <form id="form1" runat="server"
        <asp:ScriptManager ID="ScriptManager2" runat="server"
        </asp:ScriptManager
        <telerik:RadWindowManager ID="DBRadWindowManager" runat="server"  OnClientDragStart="WindowDragStart"
            <Windows
                <telerik:RadWindow ID="CustomerWindow" runat="server" VisibleOnPageLoad="true" TabIndex="1"
                    ReloadOnShow="true" BorderStyle="None" Behavior="Default" Height="250px" InitialBehavior="None"
                    Left="5px" Skin="Telerik" Title="CUSTOMER" Top="20px" Width="300px" NavigateUrl="Source1.htm"
                    Behaviors="Maximize,Minimize,Move,Reload,Resize" KeepInScreenBounds="true"
                </telerik:RadWindow
                <telerik:RadWindow ID="OrderWindow" runat="server" VisibleOnPageLoad="True" TabIndex="2"
                    ReloadOnShow="true" BorderStyle="None" Behavior="Default" Height="250px" InitialBehavior="None"
                    Left="400px" Skin="Telerik" Title="ORDERS" Top="20px" Width="300px" NavigateUrl="Source2.htm"
                    Behaviors="Maximize,Minimize,Move,Reload,Resize" KeepInScreenBounds="true"
                </telerik:RadWindow
            </Windows
        </telerik:RadWindowManager
        </form
    </body
    </html>
    Hope this helps.

    Sincerely yours,
    Petio Petkov
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. DMC Helpdesk
    DMC Helpdesk avatar
    52 posts
    Member since:
    Nov 2007

    Posted 16 Jun 2010 Link to this post

    Thanks a lot Petio. That js event handler fixed it.

    Regards,

    Madani
  5. Phil
    Phil avatar
    2 posts
    Member since:
    Mar 2009

    Posted 15 Feb 2012 Link to this post

    Is this still the general solution to the white background pop up problem?  I get this intermittently after upgrading to the latest version.
  6. Svetlina Anati
    Admin
    Svetlina Anati avatar
    2795 posts

    Posted 17 Feb 2012 Link to this post

    Hello Phil,

    This problem when dealing with frames and events is a common one and it is not directly related to RadWindow or RadControls but to browser behavior and how things work. We have already improved the drag and resize - the content frame of the RadWindow does not hide but as to other frames on the page the workaround we have implemented is to hide them. This being said, if you ask about the content frame of the RadWindow it does not hide anymore but for other frames on the page hiding is still the only the reasonable workaround for the time being.

    Kind regards,
    Svetlina Anati
    the Telerik team
    Sharpen your .NET Ninja skills! Attend Q1 webinar week and get a chance to win a license! Book your seat now >>
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017