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

[ItHelp]

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?

[Aleksandar]

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