Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Upload > RadUpload two textboxes and two Browse button

Not answered RadUpload two textboxes and two Browse button

Feed from this thread
  • Dayanithy avatar

    Posted on Jan 9, 2012 (permalink)

    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
    Attached files

    Reply

  • jumpstart Master avatar

    Posted on Jan 10, 2012 (permalink)

    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.

    Reply

  • Dayanithy avatar

    Posted on Jan 11, 2012 (permalink)

    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
    Attached files

    Reply

  • jumpstart Master avatar

    Posted on Jan 11, 2012 (permalink)

    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,

    Reply

  • jumpstart Master avatar

    Posted on Jan 11, 2012 (permalink)

    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!

    Reply

  • Dayanithy avatar

    Posted on Jan 11, 2012 (permalink)

    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

    Reply

  • jumpstart Master avatar

    Posted on Jan 11, 2012 (permalink)

    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!

    Reply

  • Peter Filipov Peter Filipov admin's avatar

    Posted on Jan 12, 2012 (permalink)

    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

    Reply

  • Mads avatar

    Posted on Feb 3, 2012 (permalink)

    For your information, I've experienced the same problem using Chrome.
    The inclusion of RadStyleSheetManager just before RadUpload, solved the problem.
    Thanks.

    Reply

  • Ramanpreet avatar

    Posted on May 8, 2012 (permalink)

    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

    Reply

  • Peter Filipov Peter Filipov admin's avatar

    Posted on May 10, 2012 (permalink)

    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.

    Reply

Back to Top

Skip Navigation LinksHome / Community & Support / Developer Productivity Tools Forums / ASP.NET AJAX > Upload > RadUpload two textboxes and two Browse button
Related resources for "RadUpload two textboxes and two Browse button"

[  ASP.NET Upload Features  |  Documentation  |  Demos  |  Telerik TV  |  Self-Paced Trainer  |  Step-by-step Tutorial  ]