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

Background color on move and resize

2 Answers 161 Views
Window
This is a migrated thread and some comments may be shown as answers.
terrysmith
Top achievements
Rank 1
terrysmith asked on 11 Mar 2008, 07:28 PM
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 Answers, 1 is accepted

Sort by
0
Accepted
Georgi Tunev
Telerik team
answered on 12 Mar 2008, 11:36 AM
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
0
terrysmith
Top achievements
Rank 1
answered on 12 Mar 2008, 03:08 PM
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



Tags
Window
Asked by
terrysmith
Top achievements
Rank 1
Answers by
Georgi Tunev
Telerik team
terrysmith
Top achievements
Rank 1
Share this question
or