RadWindow Transparency

12 posts, 0 answers
  1. bslaght
    bslaght avatar
    184 posts
    Member since:
    Jun 2006

    Posted 06 Mar 2008 Link to this post

    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?
  2. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 07 Mar 2008 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Matt
    Matt avatar
    51 posts
    Member since:
    Nov 2007

    Posted 24 Jul 2008 Link to this post

    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

  5. Louis
    Louis avatar
    23 posts
    Member since:
    Feb 2006

    Posted 27 Jul 2008 Link to this post

    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?
  6. Louis
    Louis avatar
    23 posts
    Member since:
    Feb 2006

    Posted 27 Jul 2008 Link to this post

    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.
  7. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 28 Jul 2008 Link to this post

    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.
  8. Shuchi Bhalla
    Shuchi Bhalla avatar
    12 posts
    Member since:
    Jun 2008

    Posted 08 Aug 2008 Link to this post

    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

  9. Arun Selvarangam
    Arun Selvarangam avatar
    11 posts
    Member since:
    Jun 2012

    Posted 13 Aug 2008 Link to this post

    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
  10. Matt
    Matt avatar
    51 posts
    Member since:
    Nov 2007

    Posted 01 Oct 2008 Link to this post

    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
  11. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7207 posts

    Posted 02 Oct 2008 Link to this post

    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.
  12. Selva
    Selva avatar
    1 posts
    Member since:
    Jul 2010

    Posted 10 Mar 2014 Link to this post

    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 .
  13. Shinu
    Shinu avatar
    17764 posts
    Member since:
    Mar 2007

    Posted 11 Mar 2014 in reply to Selva Link to this post

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