2 browse buttons with AsyncUpload

4 posts, 0 answers
  1. Charles
    Charles avatar
    5 posts
    Member since:
    Jul 2014

    Posted 26 May 2015 Link to this post

    Hi,

     Why I'm having 2 browses buttons by default? See attachment.

    How can I display 1 browse button?

    Thanx

     

    <telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1" AllowedFileExtensions="jpg,jpeg,png,gif" Localization-DropZone=""> 
        </telerik:RadAsyncUpload>

  2. Dimitar
    Admin
    Dimitar avatar
    281 posts

    Posted 27 May 2015 Link to this post

    Hi,

    I am afraid that the issue is not reproducible on my side with the markup provided - screenshot. I have tested with IE7 to 10, Firefox and Chrome and Telerik UI for ASP.NET AJAX 2015.1.401.40. You may check if the issue is caused by some custom styles applied. In addition, it seems that the markup sent is not the exactly the one which rendered the control from your screenshot (Localization-Select="Browse" is used for the one from the screenshot). If you are not able to track down the issue, it would be helpful if you add some details that would enable us to reproduce the issue.

    Could you specify the product and the browser used on your side? And could you provide an isolated sample page that can be used for  reproduce the issue?

    Regards,
    Dimitar
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. Charles
    Charles avatar
    5 posts
    Member since:
    Jul 2014

    Posted 27 May 2015 in reply to Dimitar Link to this post

    Hi Dimitar,

     Thanks you for answer.

     I'm using IE11. I thing it only happens on that version. I did not try other IE versions. But I tried Chrome, FF, Safari. They looked ok.

    Here is my code:

     

    <html xmlns="http://www.w3.org/1999/xhtml">
    <head runat="server">
        <title></title>

          <style>
              .RadUpload .ruBrowse

    {

     display:none !important;

    }

    .RadUpload .ruStyled .ruFileInput

    {

    position:relative !important;

    }


    ul
     {
     list-style-type:none !important;    
     }

          </style>
    </head>
    <body>
        <form id="form1" runat="server">
        <div>
        
             <telerik:RadScriptManager ID="MasterScript" runat="server">
                                </telerik:RadScriptManager>

                <telerik:RadAsyncUpload runat="server" ID="RadAsyncUpload1" AllowedFileExtensions="jpg,jpeg,png,gif" Localization-DropZone=""> 
                </telerik:RadAsyncUpload>



                <div>

                    <telerik:RadButton runat="server"  ID="BtnSubmit" Text="Validate the uploaded files"></telerik:RadButton>

     

     

                    <asp:Panel ID="ValidFiles" Visible="false" runat="server">

                        <h3>You successfully uploaded:</h3>

                       

                    </asp:Panel>

     

                    <asp:Panel ID="InvalidFiles" Visible="false" runat="server">

                        <h3>The Upload failed for:</h3>

                        <div class="qsf-list ruError" runat="server" id="InValidFilesList">

                           

                                <p class="ruErrorMessage">The size of your overall upload exceeded the maximum of 1 MB</p>

                          
                        </div>

     

                    </asp:Panel>

                  

                </div>


        </div>
        </form>
    </body>
    </html>

    Dimitar said:Hi,

    I am afraid that the issue is not reproducible on my side with the markup provided - screenshot. I have tested with IE7 to 10, Firefox and Chrome and Telerik UI for ASP.NET AJAX 2015.1.401.40. You may check if the issue is caused by some custom styles applied. In addition, it seems that the markup sent is not the exactly the one which rendered the control from your screenshot (Localization-Select="Browse" is used for the one from the screenshot). If you are not able to track down the issue, it would be helpful if you add some details that would enable us to reproduce the issue.

    Could you specify the product and the browser used on your side? And could you provide an isolated sample page that can be used for  reproduce the issue?

    Regards,
    Dimitar
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items

  5. Dimitar
    Admin
    Dimitar avatar
    281 posts

    Posted 28 May 2015 Link to this post

    Hi,

    I have tested the code provided. But you are hiding the Browse button with the custom styles and the result is not the same as the one from your screenshot. The Browse button is not visible in any browser - screenshot.

    Try removing all custom styles one by one to isolate which rule breaks the control's appearance.

    Regards,
    Dimitar
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top