Background color on move and resize

3 posts, 1 answers
  1. terrysmith
    terrysmith avatar
    129 posts
    Member since:
    Nov 2006

    Posted 11 Mar 2008 Link to this post

    After moving our RadWindow code to Prometheus, when modal dialogs defined as RadWindows are moved by clicking and dragging the titlebar the background of the application is painted black while the window is being moved around. Also, the titlebar and content area of the RadWindow are black as well. Basically, only the statusbar and right-hand side border of the RadWindow are visible.

    When the RadWindow is resized black boxes are painted below the window as it is resized and some of them remain after user stops resizing the window.

    We are using the Office2007 skin and our RadWindow is defined as a template in the master page like so:

            <telerik:RadWindowManager ID="ieRadWindowManager" runat="server">
                <Windows>
                    <telerik:RadWindow ID="ModalWindow" Modal="true" Behaviors="Close,Resize,Move" VisibleOnPageLoad="false" ReloadOnShow="true" ShowContentDuringLoad="false" runat="server" />
                </Windows>
            </telerik:RadWindowManager>

    Was there a stylesheet change that is preventing the background behind the window from remaining semi-transparent as it was before Prometheus while the window is dragged? The default background color of our web app is black (with a background image tiled over that). Is that where it is picking up the black from?


    Thanks,
    Terry

  2. Answer
    Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 12 Mar 2008 Link to this post

    Hello Terry,

    In RadWindow for ASP.NET AJAX, we have changed the behavior of the control when moving in resizing. The main reason for this change was that in the classic version, it was possible that your cursor would move over the content page (for example when you are moving or resizing fast) and over heavy-weight elements on that page which consume the mouse events. This often resulting in problems like the RadWindow continue the resizing even if you have released the mouse button.
    That is why in RadWindow for ASP.NET AJAX we are hiding the IFRAME (in which the content page is displayed) while the RadWindow is moved or resized - basically, what is left is a TD element. This being said, if you have some global style for tables with background set, you would experience the black background problem.




    Sincerely yours,
    Georgi Tunev
    the Telerik team

    Instantly find answers to your questions at the new Telerik Support Center
  3. terrysmith
    terrysmith avatar
    129 posts
    Member since:
    Nov 2006

    Posted 12 Mar 2008 Link to this post

    We don't have a global style for tables, so I had to delete sections from our stylesheet until I finally narrowed it down. We had a CSS class for our dialog windows defined so that they would have a very light gradient in the background. This one line is what was causing the browser background and the RadWindow to all go black:

    filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0, StartColorStr='#fffdf4', EndColorStr='#fffaf0');
    The weirdest part is that the gradient is from one off-white pastel yellow to another. Black is not even involved. I commented out our default background color of black at the <body> level too, but that made no difference. It was just the gradient style.

    We have taken the gradient out. It's not important to us.

    Thank you for your help,
    Terry



Back to Top