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

One RadWindow blanks out when another is being resized or moved

1 Answer 59 Views
Window
This is a migrated thread and some comments may be shown as answers.
Sabrina Schubert
Top achievements
Rank 1
Sabrina Schubert asked on 27 May 2010, 12:10 PM
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>    
 

1 Answer, 1 is accepted

Sort by
0
Petio Petkov
Telerik team
answered on 27 May 2010, 04:11 PM
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.
Tags
Window
Asked by
Sabrina Schubert
Top achievements
Rank 1
Answers by
Petio Petkov
Telerik team
Share this question
or