radWindow opacity always 65% - even with Custom skin!!

2 posts, 0 answers
  1. Stuart Watton
    Stuart Watton avatar
    18 posts
    Member since:
    Sep 2009

    Posted 20 Aug 2012 Link to this post

    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

    <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>
  2. Marin Bratanov
    Admin
    Marin Bratanov avatar
    3595 posts

    Posted 23 Aug 2012 Link to this post

    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
    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top