This is a migrated thread and some comments may be shown as answers.

[Solved] RadUpload + RadPane scrolling issues on IE 7

1 Answer 109 Views

Upload (Obsolete)

This is a migrated thread and some comments may be shown as answers.

Web Services asked on 27 May 2008, 05:20 PM

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.

1 Answer, 1 is accepted

answered on 29 May 2008, 06:26 AM

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