asp.net-mvc-4kendo-upload

After uploading file through Kendo Upload Remove "Done" and "Right tick mark" on select file


I have a problem with Kendo upload. After uploading a file am getting "Done" and "Right tick mark" on select file right side. How can I remove that?

After save button click in my form upload control file is removing but "Done" and "Right tick mark" is staying constant.

 //Kendo Upload control
 @(Html.Kendo().Upload()
        .Name("files")       
        .Messages( m => m.Select("Browse"))     
        .Async(a => a
           .Save("SaveAttachment", "Document")
           .Remove("Remove", "Document")
            .AutoUpload(true)
        )
        .Events(events => events
            .Success("onSuccess")
        )
        .Multiple(false)
    ) 

  @(Html.Kendo().Upload()
        .Name("files")       
        .Messages( m => m.Select("Browse"))     
        .Async(a => a
           .Save("SaveAttachment", "Document")
           .Remove("Remove", "Document")
            .AutoUpload(true)
        )
        .Events(events => events
            .Success("onSuccess")
        )
        .Multiple(false)
    ) 

Solution

  • To remove the built-in text from a KendoUpload control, override the localization properties with an empty string. In your case, remove "Done":

    $("#files").kendoUpload({
        multiple: true,
        async: {
            saveUrl: "...",
            removeUrl: "...", 
            autoUpload: false
        },
        localization: {
            // Override built-in text "Done"            
            headerStatusUploaded:"",
            statusUploaded:""
        }
        ...
    });