# Uploading Files by Using External Button

## Environment

<table>
    <tbody>
	    <tr>
	    	<td>Product</td>
	    	<td>Progress® Kendo UI Upload</td>
	    </tr>
    </tbody>
</table>

## Description

How can I upload files in the Kendo UI for Angular Upload by using an external button?

## Solution

By default, when the [`autoUpload`](https://www.telerik.com/kendo-angular-ui/components/uploads/api/uploadcomponent#autoupload) option is set to `false`, the Upload component renders the **Clear** and **Upload** buttons under the selected files.

To hide the default buttons, apply custom CSS.

1. Set the Angular [`ViewEncapsulation`](https://angular.dev/api/core/ViewEncapsulation) to `None`. Otherwise, the custom styles will not be applied unless they are provided on a global level.

   ```css
   .k-actions {
     display: none
   }
   ```

2. Create custom buttons to upload and clear the selected files by utilizing the `uploadFiles` and `clearFiles` methods in the `click` handler function.

The following example demonstrates the full implementation of the suggested approach.

[Demo Source](https://demos.telerik.com/kendo-angular-ui/demos/knowledge-base/external-btn-uploading/source.txt)