Remove Icon not showing in Kendo UI Upload control also duplicate files appear

1 Answer 10 Views
Upload
ItHelp
Top achievements
Rank 1
ItHelp asked on 13 Oct 2021, 01:17 PM | edited on 13 Oct 2021, 01:19 PM

Hi guys,

I am using Kendo UI  Upload to upload files the upload works fine however there are two things I am facing... I am using Arabic RTL Version

Now here is the problem, when I upload the files it get duplicated however, I only upload it once only. 

Secondly the remove  icon is not showing but the functionality is there just the icon not appearing....

 

I use  the following CDN links in my layout files.


    <link href="https://kendo.cdn.telerik.com/2020.1.406/styles/kendo.bootstrap-v4.min.css" rel="stylesheet" type="text/css" />
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/jquery.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/jszip.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/kendo.all.min.js"></script>
    <script src="https://kendo.cdn.telerik.com/2020.1.406/js/kendo.aspnetmvc.min.js"></script>


Also, I want to know, How I can bind The ViewModel property  name to Kendo UI Extension methods?   like we do with normal html controls using   asp-for="@Model.Student.Name"


  @(Html.Kendo().Upload()
                                      .Name("files")
                                      .HtmlAttributes(new { aria_label = "files" })
                                      .Validation(validation => validation.AllowedExtensions(new string[] { ".pdf" }))
                                      )

 

Anyone Can Help?

1 Answer, 1 is accepted

Sort by
0
Aleksandar
Telerik team
answered on 18 Oct 2021, 06:11 AM

Hello,

Looking at the provided details and testing the reported behavior with v2020.1.406 renders the "X" icon on my end:

Is there any additional CSS that might be affecting the appearance of the close icon?

As for the files being displayed twice the details are also not sufficient to be sure why this behavior occurs. You may check this SO thread, where similar issue is reported and the reason identified - the behavior was due to duplicate initialization.

Finally, all Telerik UI helpers which accept a value can be initialized with the [WidgetName]For method. For example, to initialize the DatePicker, use DatePickerFor. These methods automatically set the Name of the helper. In this way 

@Html.Kendo().NumericTextBoxFor(model => model.Age)
is the same as
@Html.Kendo().NumericTextBox().Name("Age").Value(Model.Age)

I hope this helps.

Regards,
Aleksandar
Progress Telerik

Love the Telerik and Kendo UI products and believe more people should try them? Invite a fellow developer to become a Progress customer and each of you can get a $50 Amazon gift voucher.

Tags
Upload
Asked by
ItHelp
Top achievements
Rank 1
Answers by
Aleksandar
Telerik team
Share this question
or