RadUpload + RadPane scrolling issues on IE 7

Thread is closed for posting
2 posts, 0 answers
  1. Web Services
    Web Services avatar
    243 posts
    Member since:
    Apr 2008

    Posted 27 May 2008 Link to this post

    I attach a small aspx code that shows the issue:

    <%@ Page Language="vb" AutoEventWireup="false" %> 
     
    <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> 
    <%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %> 
    <html xmlns="http://www.w3.org/1999/xhtml" style="height: 100%" > 
    <head runat="server"
        <title>Untitled Page</title> 
    </head> 
    <body style="margin: 0px; height: 100%; overflow:hidden;" scroll="no" > 
        <form id="form1" runat="server" style="height: 100%"
     <asp:ScriptManager ID="ScriptManager1" runat="server"
            </asp:ScriptManager> 
            <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Vertical" Width="100%" 
                Height="100%"
                <telerik:RadPane ID="LeftRadPane1" runat="server" Width="180px" MinWidth="180" Scrolling="Y" 
                    BackColor="#004416"
                                    <br /> 
                                    <br /> 
                                    <br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /> 
                                 
               </telerik:RadPane> 
                <telerik:RadSplitBar runat="server" ID="RadSplitBar2" CollapseMode="Forward" /> 
                <telerik:RadPane ID="RightRadPane1" runat="server" BackColor="#b1caba" CssClass="RightPanelPadding" Scrolling ="Both" > 
                 <br /> 
                                    <br /> 
                                    <br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
    <telerik:RadUpload ID="RadUpload1" runat="server"  EnableFileInputSkinning = "false"  />                              
      <br /> 
                                    <br /> 
                                    <br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
                                    <br /><br /> 
     </telerik:RadPane> 
     
            </telerik:RadSplitter> 
        </form> 
    </body> 
    </html> 
     


    When scrolling the pane that contains the radUpload control, both the text box and select buttons do not display correctly. I have already tried the solution recomended on: http://www.telerik.com/help/aspnet-ajax/upload_troubleshootingselectbuttonposition.html
    and the problem still persists.

    Any help would be greatly appreciated.

    Thanks.
  2. Paul
    Admin
    Paul avatar
    4281 posts

    Posted 29 May 2008 Link to this post

    Hi Web Services,

    You can easily fix this unwanted behavior by relatively positioning of the pane. Here's your modified code snippet that works as expected.

    <html xmlns="http://www.w3.org/1999/xhtml">  
    <head runat="server">  
        <title>Untitled Page</title> 
        <style type="text/css">  
        .RightPanelPadding  
        {  
            position: relative;  
        }  
        </style> 
    </head> 
    <body> 
        <form runat="server" id="mainForm" method="post">  
            <telerik:RadScriptManager ID="ScriptManager" runat="server" /> 
            <telerik:RadSplitter ID="RadSplitter1" runat="server" Orientation="Vertical" Width="100%" Height="100%">  
                <telerik:RadPane ID="LeftRadPane1" runat="server" Width="180px" MinWidth="180" Scrolling="Y" BackColor="#004416">  
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                </telerik:RadPane> 
                <telerik:RadSplitBar runat="server" ID="RadSplitBar2" CollapseMode="Forward" /> 
                <telerik:RadPane ID="RightRadPane1" runat="server" BackColor="#b1caba" CssClass="RightPanelPadding" Scrolling="Both">  
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <telerik:RadUpload ID="RadUpload1" runat="server" /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                    <br /> 
                </telerik:RadPane> 
            </telerik:RadSplitter> 
        </form> 
    </body> 
    </html> 


    Sincerely yours,
    Paul
    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
Back to Top