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