We use cookies to give you the best experience on our website. If you continue to browse, then you agree to our privacy policy and cookie policy.
Unfortunately, activation email could not send to your email. Please try again.

How to turn off (hide) the file size, upload status, upload progress & percentage and delete/refresh button from the Upload Box control ?

Description

Need to turn off (hide) the file size, upload status, upload progress & percentage and delete/refresh button from the Upload Box control.

Solution

You are maintaining a separate CSS class for each part in upload file size details. So you need to override the CSS with display property. To avoid unwanted CSS overridden on multiple Upload Box controls in the same page, you should override the CSS based on the specific Upload Box control ID.

The following table shows the details of file info parts and its corresponding classes

File Info Part

CssClass

File status

file-status

 

File Size

file-size

 

File Percentage

file-percentage

 

Delete/Refresh icon

file-action

 

File Progress bar

File-progress-bar

Example

In the following example, the Delete/Refresh Icon in Uploaded file details is hidden.

  1. Render the Upload box control in View page with using the following code example.

View

  1. The following table explains you the details of CSS and its output

Query

Corresponding CSS

Result

How to turn off the Delete/Refresh icon?

#upload .file-action

{

    display:none;

}

#upload => Upload box ID

How to turn off the File percentage?

#upload .file-percentage

{

             display:none;

}

#upload => Upload box ID

How to turn off the File size?

#upload .file-size

{

             display:none;

}

#upload => Upload box ID

How to turn off the File status?

#upload .file-status

{

             display:none;

}

#upload => Upload box ID

How to turn off the File Progress bar?

#upload .file-progress-bar

{

             display:none;

}

#upload => Upload box ID

 

 

Article ID: Published Date: Last Revised Date: Platform: Control: Product Version:
2807 11/21/2014 12/04/2014 ASP.NET MVC (Classic) UploadBox 12.1.0.43
Tags:
Did you find this information helpful?
Add Comment
You must log in to leave a comment

You are using an outdated version of Internet Explorer that may not display all features of this and other websites. Upgrade to Internet Explorer 8 or newer for a better experience.