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

One RadWindow blanks out when another is being resized or moved

4 Answers 60 Views

Window

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

Karun Karunakaran asked on 26 May 2010, 01:45 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>

Thanks,
Karun.

4 Answers, 1 is accepted

answered on 27 May 2010, 04:07 PM

Hi,

When the window is moved fast, 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">

<html xmlns="http://www.w3.org/1999/xhtml">

<head id="Head1" 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.

answered on 20 Apr 2016, 12:38 PM

Since this thread was posted in 2010, has any other way been provided to solve this problem? It works, but the problem now is that the browser is so busy keeping the non-dragging windows updated that the act of dragging and resizing is now a tedious and difficult operating. The cursor blinks and flashes, and it's hard to grad the edges of the window, and releasing the mouse button sometimes does not release the cursor from the window. This behavior is actually more of a problem than the blanking of the other windows when dragging.

(IIS 7.5, Windows Server 2012, VS 2012, C#, ASP.NET, Telerik runtime version 4.0.30319, IE11, Firefox 45.0)

Product Bundles

DevCraft

Web

Mobile

Document Management

Desktop

Reporting & Mocking

Automated Testing

CMS

UI/UX Tools

Debugging

Free Tools

Support and Learning

Productivity and Design Tools

One RadWindow blanks out when another is being resized or moved

4 Answers, 1 is accepted