One RadWindow blanks out when another is being resized or moved

5 posts, 0 answers
  1. Karun Karunakaran
    Karun Karunakaran avatar
    2 posts
    Member since:
    May 2010

    Posted 26 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:

        <form id="form1" runat="server">  
            <asp:ScriptManager ID="ScriptManager1" runat="server">  
        <telerik:RadWindowManager ID="DBRadWindowManager" runat="server">  
                <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 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">  

  2. Petio Petkov
    Petio Petkov avatar
    825 posts

    Posted 27 May 2010 Link to this post


    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" ""> 
    <head id="Head1" runat="server"
        <script type="text/javascript">
            function WindowDragStart(oWin, args)
                var resizeExtender = oWin._resizeExtender;
                //DISABLE iframe hiding 
        <form id="form1" runat="server"
        <asp:ScriptManager ID="ScriptManager2" runat="server"
        <telerik:RadWindowManager ID="DBRadWindowManager" runat="server"  OnClientDragStart="WindowDragStart"
                <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 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"
    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. DevCraft R3 2016 release webinar banner
  4. Karun Karunakaran
    Karun Karunakaran avatar
    2 posts
    Member since:
    May 2010

    Posted 28 May 2010 Link to this post

    This works great!

    Thanks a lot.
  5. Paul
    Paul avatar
    16 posts
    Member since:
    Feb 2016

    Posted 20 Apr in reply to Karun Karunakaran Link to this post

    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)

  6. Marin Bratanov
    Marin Bratanov avatar
    3555 posts

    Posted 20 Apr Link to this post

    Hello Paul,

    This is precisely the second major reason why we hide other iframes by default.


    Marin Bratanov
    Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.
Back to Top
DevCraft R3 2016 release webinar banner