New to Kendo UI for Vue? Start a free 30-day trial
Hide Cancel and Upload Buttons in Upload Component
Updated on Feb 9, 2026
Environment
| Product Version | 7.0.2 |
| Product | Progress® Kendo UI for Vue Native |
Description
How can I hide the Cancel and Upload buttons when using the Upload component with autoUpload set to false?
When the Upload component has automatic upload disabled, the Clear Selected and Upload Selected buttons appear by default. In scenarios where you want to control all uploads through a separate form submission (for example, a Submit button that handles both form data and file uploads), these buttons may not be needed.
Solution
You can hide the Clear Selected and Upload Selected buttons using CSS to target their specific classes:
css
.k-clear-selected,
.k-upload-selected {
display: none;
}The example below demonstrates a complete form where file uploads are controlled via the main Submit button, and the Upload component's action buttons are hidden:
Change Theme
Theme
Loading ...