RadWindow Content Area Transparent Background

Thread is closed for posting
1 posts, 0 answers
  1. 63F75A2C-1F16-4AED-AFE8-B1BBD57646AD
    63F75A2C-1F16-4AED-AFE8-B1BBD57646AD avatar
    1572 posts
    Member since:
    Oct 2004

    Posted 07 Nov 2007 Link to this post

    Requirements

    .NET version

    2.x
    Visual Studio version

    2005
    programming language

    C#
    browser support

    all browsers supported by RadControls


     
    PROJECT DESCRIPTION
    The attached project demonstrates how to modify Prometheus RadWindow's appearance so that its content area becomes transparent. Here are step-by-step directions on how to achieve this:

    In the main page:

        - add a global style to the head of the page:

    <style type="text/css">
        iframe,.windowcontent{background:none transparent !important}
    </style>
     
        - handle OnClientShow of your RadWindow and set its iframe allowTransparency attribute to true:

    <script type="text/javascript">
        function OnClientShow(oWnd)
        {   
            var iframe = oWnd.GetContentFrame();
            iframe.allowTransparency = true;
        }
        </script>


    In the window's content page:

        - add a global style to the head of the page to make the body transparent:

    <style type="text/css">
        body{background:transparent}
    </style>


Back to Top

This Code Library is part of the product documentation and subject to the respective product license agreement.