Telerik Forums / UI for ASP.NET AJAX
This is a migrated thread and some comments may be shown as answers.

How to change just radwindow border's opacity ?

2 Answers 85 Views
Window
This is a migrated thread and some comments may be shown as answers.
Vasssek
Top achievements
Rank 1
Vasssek asked on 27 May 2011, 08:13 AM
needed-style.png
hay-skin-without-transparent-border.png
Good morning,

I wonder If somebody could help me with my issue.

What I need to achieve is change RadWindow border's opacity (not background) as it's in this example:
http://demos.telerik.com/aspnet-ajax/controls/examples/integration/listviewsliderwindowrotator/defaultcs.aspx?product=listview

The problem is when I choose some standard skin, e.g. skin="Hay", then the RadWindow border is without opacity.

For futher info please check images in the attachment.

Please help me to solve this issue.

Best regards

Vasssek

2 Answers, 1 is accepted

Sort by
0
Accepted
Svetlina Anati
Telerik team
answered on 27 May 2011, 04:31 PM
Hello Vasssek,

 Here is some CSS I prepared for you:

<%@ Page Language="C#" %>
  
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
<%@ Import Namespace="System.Data" %>
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<head runat="server">
    <title></title>
    <style type="text/css">
        .RadWindow_Hay table .rwTitlebar, .RadWindow_Hay table .rwTopLeft, .RadWindow_Hay table .rwTopRight, .RadWindow_Hay table .rwFooterLeft, .RadWindow_Hay table .rwFooterRight, .RadWindow_Hay table .rwFooterCenter, .RadWindow_Hay table .rwBodyLeft, .RadWindow_Hay table .rwBodyRight
        {
            filter: progid:DXImageTransform.Microsoft.Alpha(opacity=65) !important;
            opacity: .65 !important;
        }
          
        .RadWindow_Hay.rwShadow table.rwShadow .rwTitlebar, .RadWindow_Hay.rwShadow table.rwShadow .rwTopLeft, .RadWindow_Hay.rwShadow table.rwShadow .rwTopRight, .RadWindow_Hay.rwShadow table.rwShadow .rwFooterLeft, .RadWindow_Hay.rwShadow table.rwShadow .rwFooterRight, .RadWindow_Hay.rwShadow table.rwShadow .rwFooterCenter, .RadWindow_Hay.rwShadow table.rwShadow .rwBodyLeft, .RadWindow_Hay.rwShadow table.rwShadow .rwBodyRight
        {
            filter: none !important;
        }
    </style>
</head>
<body>
    <form id="form1" runat="server">
    <asp:ScriptManager ID="m" runat="server">
    </asp:ScriptManager>
    <script type="text/javascript">
        function ShowWindow() {
            var win = $find("<%= rw.ClientID %>");
            win.show();
        }
    </script>
    <asp:Button ID="btn" runat="server" Text="Show RadWindow" OnClientClick="ShowWindow(); return false;" />
    <telerik:RadWindow ID="rw" runat="server" Skin="Hay">
 
    </telerik:RadWindow>
    </form>
</body>
</html>

I hope this is helpful, let me know how it goes.


Best wishes,
Svetlina
the Telerik team

Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

0
Vasssek
Top achievements
Rank 1
answered on 30 May 2011, 11:09 AM
Hello Svetlina,

thank you for your code snippet... That's exactly what I was looking for. It works perfectly :-)

Best regards

Vasssek
Tags
Window
Asked by
Vasssek
Top achievements
Rank 1
Answers by
Svetlina Anati
Telerik team
Vasssek
Top achievements
Rank 1
Share this question
or