I'm using three RadWindows on a page as simple static containers.
I want all windows to have the rwNormalWindow style at all times. However, when one window has the focus, the others are getting the rwInactiveWindow style that I don't want.
How do I prevent the focus feature from changing the window styles?
Thanks,
Ken
I want all windows to have the rwNormalWindow style at all times. However, when one window has the focus, the others are getting the rwInactiveWindow style that I don't want.
How do I prevent the focus feature from changing the window styles?
Thanks,
Ken
5 Answers, 1 is accepted
0
Hello Ken,
You can try using the following CSS in the page where the RadWindow is:
I hope this helps.
Regards,
Georgi Tunev
the Telerik team
You can try using the following CSS in the page where the RadWindow is:
div.RadWindow.rwInactiveWindow td.rwCorner, div.RadWindow.rwInactiveWindow td.rwTitlebar, div.RadWindow.rwInactiveWindow td.rwFooterCenter
{
opacity:
1
!important
;
filter:
none
!important
;
}
I hope this helps.
Regards,
Georgi Tunev
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
0
kencox
Top achievements
Rank 1
answered on 22 Jul 2010, 04:01 PM
Hi Georgi,
By way of follow-up, I notice there's an EnableShadow property that seems to appear only on the window that has the focus.
Is there a similar way to ensure that all (inactive) windows have a shadow effect?
Thanks,
Ken
Microsoft MVP [ASP.NET]
ASPInsider
By way of follow-up, I notice there's an EnableShadow property that seems to appear only on the window that has the focus.
Is there a similar way to ensure that all (inactive) windows have a shadow effect?
Thanks,
Ken
Microsoft MVP [ASP.NET]
ASPInsider
0
Accepted
Hello Ken,
The shadows were removed in the Window inactive state, as there is a problem when using together transparent png and filters. The problem occurs in Internet Explorer and looks like in: ieinactiveproblem.gif.
In other CSS "friendly" browsers like Firefox, Sfari, Opera, that problem does not exists, and the shadows in the inactive state are rendered properly: shadowsnoproblem.gif.
By using CSS you could force inactive state to have shadows - as I did for the examples shown in the image above, however, you will have problems in the look and feel in IE. To avoid the problems, we could remove the filters in the inactive state, but in that case, the inactive Windows in IE will not have opacity applied.
Please, find radwin.zip attached - a simple project, where the shadows for inactive state were applied and the filters were removed.
For this example, I have used the Telerik Default skin. If you want to use another Telerik Skin, or your custom skin, you should replace the Default skin shadowed sprite images with the skin specific, that you want to use.
Best wishes,
Bojo
the Telerik team
Regards,
Bojo
the Telerik team
The shadows were removed in the Window inactive state, as there is a problem when using together transparent png and filters. The problem occurs in Internet Explorer and looks like in: ieinactiveproblem.gif.
In other CSS "friendly" browsers like Firefox, Sfari, Opera, that problem does not exists, and the shadows in the inactive state are rendered properly: shadowsnoproblem.gif.
By using CSS you could force inactive state to have shadows - as I did for the examples shown in the image above, however, you will have problems in the look and feel in IE. To avoid the problems, we could remove the filters in the inactive state, but in that case, the inactive Windows in IE will not have opacity applied.
Please, find radwin.zip attached - a simple project, where the shadows for inactive state were applied and the filters were removed.
For this example, I have used the Telerik Default skin. If you want to use another Telerik Skin, or your custom skin, you should replace the Default skin shadowed sprite images with the skin specific, that you want to use.
Best wishes,
Bojo
the Telerik team
Regards,
Bojo
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
0
Yee
Top achievements
Rank 1
answered on 22 Jun 2016, 08:35 PM
Hello, I try adding the following style:
div.RadWindow.rwInactiveWindow td.rwCorner, div.RadWindow.rwInactiveWindow td.rwTitlebar, div.RadWindow.rwInactiveWindow td.rwFooterCenter
{
opacity:1 !important;
filter:none !important;
}
and It did not work. See the attachment. Can you help?
0
Hi Yee,
With the Lightweight RenderMode you only need to change a single rule for the wrapping element:
div.RadWindow.rwInactiveWindow
{
opacity:
1
;
}
Regards, Marin Bratanov
Telerik
Do you need help with upgrading your ASP.NET AJAX, WPF or WinForms projects? Check the Telerik API Analyzer and share your thoughts.