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

RADUpload not working when placed in a relative div with a fixed height and overflow auto.

6 Answers 143 Views

Upload (Obsolete)

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

Jeff asked on 28 Aug 2008, 09:25 AM

Hi,

I need to place an Upload control in a div that has a fixed height and has its contents scrolling via the overflow:auto style. The div also needs its the position style set to relative. The issue is that if the upload control is rendered in the hidden area then the "browse" button doesn't function correctly. I believe this is to do with the real file input control not being positioned correctly over the top of the control? However i can't seem to solve it. If the upload control is rendered in the visible area it works fine.

You can see the problem in the example below, the upload controls at the top of the list work fine but if you scroll to the bottom then they do not work? Any ideas?

    
            <html xmlns="http://www.w3.org/1999/xhtml" >  
        
            <head id="Head1" runat="server">  
        
                <title></title>  
        
            </head>  
        
            <body>  
        
                <form id="form1" runat="server">      
        
                <asp:ScriptManager ID="ScriptManager1" runat="server">  
        
                </asp:ScriptManager>  
        
                <div style="overflow:hidden;"> 
        
                    <div style="height: 150px; overflow:auto; border:solid 1px black; position:relative;">  
        
                        <telerik:radupload   
        
                            id="RadUpload1"   
        
                            runat="server"    
        
                            InitialFileInputsCount="10"  
        
                            EnableFileInputSkinning="true"/>         
        
                    </div> 
        
                </div>  
        
                </form>  
        
            </body>  
        
            </html>

Thanks,

Jeff

6 Answers, 1 is accepted

answered on 09 Oct 2008, 01:11 PM

Telerik.Web.UI_2008_2_1009_trial_hotfix.rar

Hi Mike,

Please find attached the latest internal build of the controls that addesses the issue. In order to send you the dev/licensed build you will have to open a support ticket.

Greetings,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.

answered on 09 Oct 2008, 02:06 PM

assemblies_only.zip

Hello Mike,

We changed the code for the real (invisible) file input positioning; it now considers the scroll size of its parent. This fix will be included in the next official release of the controls (Q3 2008).

Best wishes,
Paul
the Telerik team

Check out Telerik Trainer, the state of the art learning tool for Telerik products.