Upload MVC hide upload status

[Tomas]

I am using Upload MVC in our application and file list is hidden by default in our app.  But Upload still show upload status below the upload button. How to hide the status data?

<strong class="k-upload-status k-upload-status-total">Done<span class="k-icon k-warning">uploaded</span></strong>

[Dimiter Madjarov]

Hello Tomas,


To hide the "Done" status, you could add the following CSS styles to the page.
E.g.

.k-upload .k-upload-status-total
{
    visibility: hidden;
}

I wish you a great day!

Regards,
Dimiter Madjarov
Telerik

[Rajesh]

How can I display errors in the kendo-ui-upload dialog. I am supporting a bulk import features and I could potentially have several lines of warning or error messages even on successful upload of a csv. Is there a way to display these on the k-upload window ?

[Dimiter Madjarov]

Hello Rajesh,


You could bind to the success or error events, open the window in the event handlers and set the returned errors as content.

Regards,
Dimiter Madjarov
Telerik

 

 

[madhuri]

How to remove the border around @(Html.Kendo().Upload() button that appears when the upload is completed?

[Ivan Danchev]

Hello Madhuri,

When a file is uploaded the k-state-focused is applied to the "Select files..." button. It comes with its own styles, thus the border changes after uploading a file. To keep the border the same, you can use a CSS rule to override the styles applied to the k-state-focused class:

.k-upload .k-upload-button.k-state-focused {
  border-radius: 4px;
  border-color: #bbb;
  box-shadow: none;
}

This rule is for the Default less theme, so if you are using a different one, the border-color should be adjusted accordingly.

Regards,
Ivan Danchev
Progress Telerik