RadUpload two textboxes and two Browse button

Thread is closed for posting
11 posts, 0 answers
  1. Dayanithy
    Dayanithy avatar
    10 posts
    Member since:
    Jul 2011

    Posted 09 Jan 2012 Link to this post

    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
  2. jumpstart
    jumpstart avatar
    479 posts
    Member since:
    Nov 2011

    Posted 10 Jan 2012 Link to this post

    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.
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Dayanithy
    Dayanithy avatar
    10 posts
    Member since:
    Jul 2011

    Posted 11 Jan 2012 Link to this post

    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
  5. jumpstart
    jumpstart avatar
    479 posts
    Member since:
    Nov 2011

    Posted 11 Jan 2012 Link to this post

    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,
  6. jumpstart
    jumpstart avatar
    479 posts
    Member since:
    Nov 2011

    Posted 11 Jan 2012 Link to this post

    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!
  7. Dayanithy
    Dayanithy avatar
    10 posts
    Member since:
    Jul 2011

    Posted 11 Jan 2012 Link to this post

    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
  8. jumpstart
    jumpstart avatar
    479 posts
    Member since:
    Nov 2011

    Posted 11 Jan 2012 Link to this post

    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!
  9. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 12 Jan 2012 Link to this post

    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
  10. Mads
    Mads avatar
    3 posts
    Member since:
    Oct 2012

    Posted 03 Feb 2012 Link to this post

    For your information, I've experienced the same problem using Chrome.
    The inclusion of RadStyleSheetManager just before RadUpload, solved the problem.
    Thanks.
  11. Ramanpreet
    Ramanpreet avatar
    1 posts
    Member since:
    May 2012

    Posted 08 May 2012 Link to this post

    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
  12. Peter Filipov
    Admin
    Peter Filipov avatar
    1028 posts

    Posted 10 May 2012 Link to this post

    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.
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017