Problem with RadWindow Scrollbar

2 posts, 0 answers
  1. Kevin
    Kevin avatar
    83 posts
    Member since:
    Sep 2008

    Posted 18 Feb 2010 Link to this post

    I'm currently on Version Q1 2009 of the ASP.NET AJAX Controls.

    My issue here is that we have a RadWindow with dynamically generated content (so unsure of how much text will appear). However we're not getting a scrollbar in IE 8 even when we turn compatiblity mode on...

    However in Firefox etc. the scrollbar appears fine.

    The code for the RadWindow is below :

                    <telerik:RadWindow runat="server" ID="uiReleaseNotes" Height="545px" Width="800px" 
                        Behaviors="Maximize" ReloadOnShow="true" ShowContentDuringLoad="false" Modal="true" 
                        VisibleStatusbar="false" VisibleTitlebar="true" NavigateUrl="ShowReleaseNotes.aspx" 
                        Skin="Telerik"
                    </telerik:RadWindow> 


    The Code in the page that loads up :

    <html xmlns="http://www.w3.org/1999/xhtml"
    <head id="Head1" runat="server"
        <title>Release Notes</title> 
     
        <script type="text/javascript"
            function GetRadWindow()   //Get reference to window     
            { 
                var oWindow = null
                if (window.radWindow) 
                    oWindow = window.radWindow; 
                else if (window.frameElement.radWindow) 
                    oWindow = window.frameElement.radWindow; 
                return oWindow; 
            }     
             
        </script> 
     
        <style type="text/css"
            body, form, html 
            { 
                height: 100%; 
                margin: 0px; 
                padding: 0px; 
            } 
        </style> 
        <link href="../CSS/businessport.css" rel="stylesheet" type="text/css" /> 
    </head> 
    <body> 
        <form id="form2" runat="server"
            <div style="height:100%; width:100%; filter:progid:DXImageTransform.Microsoft.Gradient(endColorstr='#C0CFE2', startColorstr='#FFFFFF', gradientType='0');"
            <asp:ScriptManager ID="ScriptManager" runat="server" /> 
            <telerik:RadFormDecorator ID="RadFormDecorator1" runat="server" Skin="Sunset" ControlsToSkip="Scrollbars" /> 
            <div style="border: 1px solid #FFB700; margin-top: 25px; margin-bottom: 25px; width: 85%; 
                padding: 20px; background-color: #35435E;"> 
                <div style="width: 100%; height: 26px; text-align: right;"
                    <asp:Button ID="cancelItemButton" runat="server" Text="Close" OnClick="cancelItemButton_Click" 
                        Width="75px" /> 
                </div> 
                <div class="Gold Large"
                    Release Notes - 
                    <asp:Label ID="uiVersion" runat="server" Font-Size="Large"></asp:Label> 
                </div> 
                <table class="Small White"
                    <tr> 
                        <td> 
                            <asp:Label ID="uiReleaseNotes" runat="server"></asp:Label> 
                        </td> 
                    </tr> 
                </table> 
            </div> 
            </div> 
        </form> 
    </body> 
    </html> 

  2. Georgi Tunev
    Admin
    Georgi Tunev avatar
    7205 posts
    Member since:
    Sep 2012

    Posted 23 Feb 2010 Link to this post

    Hello Kevin,

    The problem is not related to the RadWindow control - if you display that content page in a standard IFRAME, you will get the same result.
    The reason for this issue is the filter that you are using (DXImageTransform.Microsoft.Gradient) - if you remove it, the scrollbars will appear. As an alternative, you could add overflow:auto to the same div where this filter is set.

    All the best,
    Georgi Tunev
    the Telerik team


    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Public Issue Tracking system and vote to affect the priority of the items.

Back to Top