RadWindow Transparency

[Brett]

I am wondering if there is a way to turn off the transparency on the rad windows.  It seems that all skins in prometheus version are semi transparent is there a way to make then non-transparent?

[Georgi Tunev]

Hi bslaght,

To achieve this you need to modify the built-in skin as shown in the documentation (RadControls 'Prometheus' Fundamentals / Controlling Visual Appearance /Modifying built-in skins) and set the opacity of the RadWindow as desired.

I hope this information will get you started.



Greetings,
Georgi Tunev
the Telerik team

Instantly find answers to your questions at the new Telerik Support Center

[Matthew]

I am also trying to disable the transparency, and I looked at this help page:
http://www.telerik.com/help/aspnet-ajax/controllingvisualappearance.html
but I couldn't find the answer.  Can you guide me on how to disable the window transparency on the ASP.NET AJAX windows?

Thanks,
Matt

[Louis]

I cannot find this documention in the online help, the CHM (which does not work), the PDF, or the documentation installed with the controls. I have Q2 2008 installed. This is pretty critical information for us to have at this time; can you please let us know where we can find this info?

[Louis]

Update: I performed a full insall of Q2 and did find the controlling appearance section in the local help, but the help link to this from the Skins topic is broken in both the online help and the locally installed help.

[Georgi Tunev]

Hello Matt,

Thank you for reporting the problem with the link - I will fix it right away.
As for setting the transparency of the RadWIndow, you need to use a custom skin (as explained in the Controlling Visual Appearance section of the documentation) and override the styles for the inactive window and the toolbar's transparency.
For your convenience I prepared a small sample that shows how to achieve this - please check the /*TELERIK CHANGED*/ sections at the end of the 2 CSS files.



Best wishes,
Georgi Tunev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Shuchi Bhalla]

Hi

I tried the Css included in the sample project, but it did not work. Then I made the following addition to it:


/*TELERIK MODIFIED*/
/* inactive window settings */

 div.TelerikModalOverlay,

div.radwindow.inactivewindow td.corner,

 div.radwindow.inactivewindow td.titlebar,

 div.radwindow.inactivewindow td.footercenter

 {

filter: progid:DXImageTransform.Microsoft.Alpha(opacity=100) !important;

opacity: 1 !important; -moz-opacity: 1 !important;

}


This css now gives the expected results, the background is a solid gray when a popup is displayed. It returns to normal display mode when popup is closed.
I am using Telerik controls v 2008.1.515.35

Do let me know if anyone else also could not get the sample css to work and the modified css solved it.

~Shuchi

[Arun Selvarangam]

for the radwindow manager set the property of enableembeddedstylesheet = false. then copy the window.css in the telerik installed Skins folder to your project and embed the style sheet to the page where you are opening the radwindow. and then open the style sheet and comment the "inactive window settings". (i.e div.radwindow.inactivewindow)

This will sure help you as I am doing the same for my pages.

Arun.K.S

[Matthew]

Is there any way to make this change (so that the windows are not transparent) without creating a whole new skin CSS file?  I'm using the dll that has all of the skins built into it and would prefer not to have separate skin files.  Is it possible to have a CSS style that can be added to the page itself that will override the transparency setting in the skin?  Or is it possible to create a CSS class that I can set on the window control using the CssClass property just for the transparency?

Thanks,
Matt

[Georgi Tunev]

Hi Matt,

In general this is possible - just make sure that you enter the properties with the !important directive so they would override the default skin.



Regards,
Georgi Tunev
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

[Selva]

Hi

I have the problem in radwindow.
I have a parent page.
From theparent page, I call a child page using radwindow.
In child page, I do some functionality. After  finished the work. I show the message using javascript. If the user click ok, I need to close the child page(radwindow). But it is not closed. I tried all the posibilities which are discussed in our forum.

Please help .

[Shinu]

Hi Selva,

Please have a look into the sample code snippet to achieve your scenario.

ASPX:

<telerik:RadWindowManager ID="RadWindowManager1" runat="server">
</telerik:RadWindowManager>
<telerik:RadButton ID="RadButton1" runat="server" Text="OpenWndow" AutoPostBack="false" OnClientClicked="OpenWindow">
</telerik:RadButton>
<telerik:RadWindow ID="RadWindow1" runat="server">
    <ContentTemplate>
        <telerik:RadTextBox ID="RadTextBox1" runat="server" Label="Name">
        </telerik:RadTextBox>
        <br />
        <telerik:RadTextBox ID="RadTextBox2" runat="server" TextMode="Password" Label="Password">
        </telerik:RadTextBox>
        <telerik:RadButton ID="RadButton2" runat="server" Text="Finish" AutoPostBack="false" OnClientClicked="ShowMessage">
        </telerik:RadButton>
    </ContentTemplate>
</telerik:RadWindow>

JavaScript:

<script type="text/javascript">
    Telerik.Web.UI.RadWindowUtils.Localization =
    {
        "OK": "Yes",
        "Cancel": "No"
    };
    function OpenWindow(sender, args) {
        var window = $find("<%=RadWindow1.ClientID %>");
        window.show();
    }
    function ShowMessage(sender, args) {
        radconfirm('Are you finished?', confirmCallBackFn, 330, 180, null, 'Confirm', null);
    }
    function confirmCallBackFn(arg) {
        if (arg == true) {
            var window = $find("<%=RadWindow1.ClientID %>");
            window.hide();
        }
    }
</script>

Hope this will helps you.
Thanks,
Shinu.