This is a migrated thread and some comments may be shown as answers.
RadUpload + RadPane scrolling issues on IE 7
1 Answer 35 Views
This is a migrated thread and some comments may be shown as answers.
Web Services
Top achievements
Rank 2
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

Sort by
0
Paul
Telerik team
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
Asked by
Web Services
Top achievements
Rank 2
Answers by
Paul
Telerik team
Share this question
or