Stuart Watton
Top achievements
Rank 2
Rank 2
Stuart Watton
asked on 20 Aug 2012, 03:53 PM
Hi,
I am using the Vista skin for the framework to our radWindows. However my boss doesn't like the fact that you can see through the framwork of the window to the page beneath it in the z-order. I have tried overriding the css in my own file but for some reason the opacity values have been set to !important in the embedded versions css (the one that comes from WebResourse.axd) and this always seems to take priority. So I thought I would get round this by using the online sylebuilder, grab a copy of the Vista skin call it VistaSolid, Edit the opacity values for the Window.VistaSolid.css, attach the css file to calling page and set the EnableEmbbededSkins to false for the RadWindowManager. This should have resulted in the opacity being no longer see through, however it doesn't. although the new custom skin is being used and many of the attributes are collected from there the opacity values are still coming from WebResource.axd, which they shouldn't be.
So how can I set the opacity of the skin to be 100%, and why does the opacity values of the embedded skin need to be set to !important so that they cannot be overridden, surely this is a bug isn't it?
Stuart
I am using the Vista skin for the framework to our radWindows. However my boss doesn't like the fact that you can see through the framwork of the window to the page beneath it in the z-order. I have tried overriding the css in my own file but for some reason the opacity values have been set to !important in the embedded versions css (the one that comes from WebResourse.axd) and this always seems to take priority. So I thought I would get round this by using the online sylebuilder, grab a copy of the Vista skin call it VistaSolid, Edit the opacity values for the Window.VistaSolid.css, attach the css file to calling page and set the EnableEmbbededSkins to false for the RadWindowManager. This should have resulted in the opacity being no longer see through, however it doesn't. although the new custom skin is being used and many of the attributes are collected from there the opacity values are still coming from WebResource.axd, which they shouldn't be.
So how can I set the opacity of the skin to be 100%, and why does the opacity values of the embedded skin need to be set to !important so that they cannot be overridden, surely this is a bug isn't it?
Stuart
<link rel="Stylesheet" type="text/css" href="Styles/Skins/VistaSolid/Window.VistaSolid.css" /><telerik:RadWindowManager ID="RadWindowManager1" Skin="VistaSolid" VisibleStatusbar="false" EnableEmbeddedSkins="false" Behaviors="Close, Move, Resize" runat="server" OnClientPageLoad="SetWindowManagerSize" OnClientDragStart="WindowDragStart"> <Windows> <telerik:RadWindow ID="PartsListWindow" runat="server" Behaviors="Close, Move, Resize" EnableEmbeddedSkins="false" NavigateUrl="../Editor.aspx" Skin="VistaSolid" Height="275px" Width="350px" ShowContentDuringLoad="false" style="z-index:5001; overflow:hidden;" > </telerik:RadWindow> </Windows> </telerik:RadWindowManager>1 Answer, 1 is accepted
0
Hello Stuart,
The transparency of the Vista skin comes from the images sprites and not from the CSS rules. You can find them in the Skins\Vista\Window folder of your RadContols installation. When you create your skin you can modify these sprites to match your needs and replace them. This is explained in the tutorial for creating a custom skin for the RadWindow.
All the best,
Marin Bratanov
the Telerik team
The transparency of the Vista skin comes from the images sprites and not from the CSS rules. You can find them in the Skins\Vista\Window folder of your RadContols installation. When you create your skin you can modify these sprites to match your needs and replace them. This is explained in the tutorial for creating a custom skin for the RadWindow.
All the best,
Marin Bratanov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.