One RadWindow blanks out when another is being resized or moved

2 posts, 0 answers
  1. Sabrina Schubert
    Sabrina Schubert avatar
    5 posts
    Member since:
    May 2010

    Posted 27 May 2010 Link to this post

    I have two RadWindows side-by-side within a RadWindowManager. Both windows can be resized and moved, and are populated (say with some static html page). When I resize or move one of the windows by dragging the borders or titlebar, the other window that doesn't have focus blanks out for the duration of the drag. The contents reappear only when the resize/move operation is completed on the first window.

    Can this behavior be modified, so that contents of the second window are visible even while the first window is being resized/moved?

    I'm using version 2010.1.309.20, and my IDE is VS 2008, with .NET 3.5 SP1. The browser being used is IE 6.0.

    Here is the body of my page:

    <body>    
        <form id="form1" runat="server">     
        <div>         
            <asp:ScriptManager ID="ScriptManager1" runat="server">     
            </asp:ScriptManager>    
             
        <telerik:RadWindowManager ID="DBRadWindowManager" runat="server">     
            <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>    
        </div>    
        </form>    
    </body>    
     
  2. Petio Petkov
    Admin
    Petio Petkov avatar
    825 posts

    Posted 27 May 2010 Link to this post

    Hello Sabrina Schubert,

    When the window is moved fastly, the cursor goes in the IFRAME and its events are consumed - e.g. you "don't know" when the dragging / resizing is over 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.

    Best wishes,
    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
Back to Top