RadWindow Content Area Transparent Background

Thread is closed for posting
1 posts, 0 answers
  1. Telerik Admin
    Telerik Admin avatar
    1679 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