Skip to main content




Applies only to Traditional Web Apps




Allows the end-user to transfer a file or add content to the application.

Use the FileUpload to allow the end-user to transfer a file or add content. Although it is commonly a form element, it can also be a stand-alone element.

How to use

Drag the FileUpload widget and set a label for it. After the widget is configured, create a button to save the file.

  1. Drag FileUpload pattern into the preview.

  2. Change the content in Empty Message.


Input Parameters

Input Name Description Type Mandatory Default Value
ExtendedClass Add custom style classes to this Block. Text False None

Layout and Classes

CSS Selectors

Element CSS Class Description
.file-upload .active When the icon to delete is visible
  • Was this article helpful?