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

2 browse buttons with AsyncUpload

3 Answers 128 Views
AsyncUpload
This is a migrated thread and some comments may be shown as answers.
Charles
Top achievements
Rank 1
Charles asked on 26 May 2015, 07:19 PM

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>

3 Answers, 1 is accepted

Sort by
0
Dimitar
Telerik team
answered on 27 May 2015, 08:56 AM
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
0
Charles
Top achievements
Rank 1
answered on 27 May 2015, 01:19 PM

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>[quote]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
[/quote]

0
Dimitar
Telerik team
answered on 28 May 2015, 10:02 AM
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
Tags
AsyncUpload
Asked by
Charles
Top achievements
Rank 1
Answers by
Dimitar
Telerik team
Charles
Top achievements
Rank 1
Share this question
or