changing appearance of upload control

[Benjamin]

would like to check if it is possible to style the upload control to as follows

 

when no file selected

after file selected

 

[Martin]

Hello, Benjamin,

The required layout cannot be achieved out-of-the-box. Perhaps you should be able to use custom logic to append() the + icon, and should be able to hide it in the select event. The "after file selected" part could be configured through the template configuration.

Let me know if the information above would be helpful.

Regards,
Martin
Progress Telerik

[Benjamin]

Hi. Thanks for the response. Can i check is there any sample on how to append the + using custom logic, as i cant seems to find any.

[Nikolay]

Hi Benjamin,

Here is the logic you can use to add the plus icon and update the button text:

     $(document).ready(function () {
          var upload = $("#files").kendoUpload().data("kendoUpload");
          upload.wrapper.find(".k-upload-button").find("span").text("Supporting Documents");
          upload.wrapper.find(".k-upload-button").append("<a class='k-icon k-i-plus-circle'></a>");
        });

Dojo demo: https://dojo.telerik.com/uciLotUY

Please let me know if you have any questions.

Regards,

Nikolay