Upload

The Upload component allows users to transfer files from their devices to a web application by displaying progress and supporting various formats.

Usage Guidelines

The Telerik and Kendo UI Upload requires you to follow some basic principles when using the component.

File Names

The Upload can impose restrictions regarding the file format and file size, however, there are no limitations when it comes to file names. Good practices suggest keeping file names short and meaningful, but if not possible, they must be truncated and not wrapped.

A Telerik and Kendo UI Upload with a truncated long file name.
Truncate long file names if shortening them is not possible.
A Telerik and Kendo UI Upload with a wrapped long file name that takes two rows.
Avoid wrapping long file names or hyphenating them at the end of the line.

Clear File Requirements

The Upload can enforce file restrictions that must be clear for the users so their files can pass the validation requirements. Using a label and hint to clarify the limitations is necessary to avoid bad user experience.

A Telerik and Kendo UI Upload with a label and a hint that help the user understand the validation requirements.
Clarify any upload restrictions by using labels and hints.
A Telerik and Kendo UI Upload using a vague and unclear label that does not help the user understand the validation requirements.
Avoid using unclear labels and skipping hints as this impairs the user's comprehension.

Stacking

By default, the Upload component allows users to select and upload multiple files—this practical and compact solution called stacking saves space and groups related files.

A Telerik and Kendo UI Upload that demonstrates multiple files uploading with different statuses.
Use the stacking option to upload multiple files at once or sequentially
Multiple Telerik and Kendo UI Uploads showing separate files with different statuses.
Avoid using multiple Upload components for single files as this makes the UI busy and creates visual load.
Feedback