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

RadUpload two textboxes and two Browse button

10 Answers 129 Views
Upload (Obsolete)
This is a migrated thread and some comments may be shown as answers.
Dayanithy
Top achievements
Rank 1
Dayanithy asked on 10 Jan 2012, 02:49 AM
Hi,

I am using RadUpload in an asp.net(3.5) usercontrol. The control is not getting displayed properly. Please find attached the image for the exact issue.

RadUpload is displaying two textboxes and two browse buttons. The control is not inside any update panel, its just inside an html table.

Below is the code:

 

<table width="100%">

 

 

<tr>

 

 

<td>

 

 

<telerik:RadUpload ID="FileUploader" runat="server" ControlObjectsVisibility="None"

 

 

Localization-Select="Browse" >

 

 

</telerik:RadUpload>

 

 

</td>
</tr>

 

 

</table>

 


I have read about some IE8 compatibility/rendering issues in telerik forums. Please let me know the workaround for my problem if this is a known issue.

Telerik File version : 2011.2.915.35

PS:
1. I am using IE8 for my testing purpose. I didnt test it on other browsers since my main concern is it should work on IE first.
2. I have also tried moving RadUpload to a simple aspx page without putting that control in a user control, the problem remains.

Regards,
Dayanithy

10 Answers, 1 is accepted

Sort by
0
Richard
Top achievements
Rank 1
answered on 10 Jan 2012, 04:32 PM
Dayanithy:

Please provide some more insights as to how you wish the file inputs to be displayed.

You can use CSS styling to fine tune the display.

<style type="text/css" runat="server">
    td { vertical-align: top; }
    input.RadUploadSubmit { margin-top: 20px; }
</style>

See the Upload / Increase File Input Width online demo at http://demos.telerik.com/aspnet-ajax/upload/examples/increasingfileinputwidth/defaultcs.aspx for an example of this.

Hope this helps.
0
Dayanithy
Top achievements
Rank 1
answered on 11 Jan 2012, 11:36 AM
Thank you for the response.
I have attached the image of how i want the file upload control to be displayed.
I want a simple text box and a Select button. But in my case am getting two textboxes and two browse buttons.

Regards,
Dayanithy
0
Richard
Top achievements
Rank 1
answered on 11 Jan 2012, 03:54 PM
Dayanithy:

This is odd behavior. Can you please copy and paste your entire code page?

Do you get any odd behavior when you run the "Upload / First Look" online demo using IE8?

Regards,
0
Richard
Top achievements
Rank 1
answered on 11 Jan 2012, 04:53 PM
Dayanithy:

I have created a simple demo to try to reproduce your odd display issue. I am using RadUpload v. 2011.2.915.35 in the ASP.NET 3.5 framework. I cannot do so using IE. Here is my code:

UserUploadControl.ascx:
<%@ Control Language="C#" AutoEventWireup="true" CodeBehind="UserUploadControl.ascx.cs" Inherits="UploadCountTest.UserUploadControl" %>
<%@ Register assembly="Telerik.Web.UI" namespace="Telerik.Web.UI" tagprefix="telerik" %>
 
<div>
    <br />
 
    <telerik:RadUpload ID="CaseFile" runat="server" InitialFileInputsCount="1" MaxFileInputsCount="10" Width="400px" ControlObjectsVisibility="None" Localization-Select="Browse"></telerik:RadUpload>
 
    <br />
</div>

TestPage.aspx:
<%@ Page Language="C#" AutoEventWireup="true" CodeBehind="TestPage.aspx.cs" Inherits="UploadCountTest.TestPage" %>
 
<%@ Register Assembly="Telerik.Web.UI" Namespace="Telerik.Web.UI" TagPrefix="telerik" %>
 
<%@ Register src="UserUploadControl.ascx" tagname="UserUploadControl" tagprefix="user" %>
 
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
 
<head runat="server">
    <title></title>
</head>
<body>
    <form id="form1" runat="server">
        <telerik:RadScriptManager ID="RadScriptManager1" runat="server">
        </telerik:RadScriptManager>
        <div>
            <user:UserUploadControl ID="UserUploadControl1" runat="server" />
        </div>
    </form>
</body>
</html>

See the output "radupload_asp3.5_usercontrol.png" for the display.

Hope this helps!
0
Dayanithy
Top achievements
Rank 1
answered on 11 Jan 2012, 06:05 PM
First, i really appreciate your effort to help me on this issue. Thank you. 

Now coming back to the issue, Today i even created a sample application and RadUpload is working fine.. 

The problem is with my main application i suppose. My application's architecture(which cannot be changed) 
is like this. 
I have a Master Page(Master1) which will be inherited by another Master page(Master2).
My content pages(.aspx) will inherit Master2. In my aspx page i have an usercontrol(.ascx) where i have the RadUpload control.

In Master1 i have already given AjaxControlToolkit's ScriptManager. So i cant give RadScriptManager in my content page or usercontrol. Also we are using lot of CSS classes. Am not really sure what is causing the issue.

And also EnableFileInputSkinning property doesn't seem to have any impact in my main application. 

1. Do you think any CSS styles we are using is overriding the RadUpload control's styles?
2. Is AjaxControlToolkit's ScriptManager is causing any issues?

Please let me know your thoughts on this.

Regards,
Dayanithy
0
Richard
Top achievements
Rank 1
answered on 11 Jan 2012, 08:22 PM
Dayanithy:

Looking closely at the original image that you sent, I see that the two file inputs are somewhat differently styled and appear to be coming from two separate instantiations of the product. The browse buttons are different sizes and one has text "Browse....:" where as the other has only "Browse".

It's hard to determine a cause without having access to your code pages, so I think you will have to perform a search in the entire solution looking for "RadUpload" to see if it is integrated anywhere besides the reference in the UserControl page.

 Let me know what you find.

Cheers!
0
Peter Filipov
Telerik team
answered on 12 Jan 2012, 02:20 PM
Hello Dayanithy,

The mentioned problem is a CSS issue. Please try to add the following declaration just before the  RadUpload control:

<telerik:RadStyleSheetManager runat="server" ID="RadStyleSheetManager1">   
</telerik:RadStyleSheetManager>

Regards,
Peter Filipov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
0
Mads
Top achievements
Rank 1
answered on 03 Feb 2012, 03:41 PM
For your information, I've experienced the same problem using Chrome.
The inclusion of RadStyleSheetManager just before RadUpload, solved the problem.
Thanks.
0
Ramanpreet
Top achievements
Rank 1
answered on 08 May 2012, 08:07 AM
Hi,

I tried adding the mentioned script above the rad uploader control, but the problem still persist, is there any other workaround for the same. Kindly suggest.

<telerik:RadStyleSheetManager runat="server" ID="RadStyleSheetManager1">   
</telerik:RadStyleSheetManager>

Thanks,
Ramanpreet
0
Peter Filipov
Telerik team
answered on 10 May 2012, 01:30 PM
Hi Ramanpreet,

Could you please open a new support tickets and send me a sample project to investigate it locally? Please specify also which version of our controls and browser you are using.

Regards,
Peter Filipov
the Telerik team
If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now.
Tags
Upload (Obsolete)
Asked by
Dayanithy
Top achievements
Rank 1
Answers by
Richard
Top achievements
Rank 1
Dayanithy
Top achievements
Rank 1
Peter Filipov
Telerik team
Mads
Top achievements
Rank 1
Ramanpreet
Top achievements
Rank 1
Share this question
or