Components/Upload Collection

fd-upload-collection · 3 examples from SAP's documentation · Back to the gallery

About

The upload collection control allows users to upload single or multiple files from a device (desktop, tablet, or phone) to the SAP app. Typically, uploaded files appear in an Attachments tab. However, files can also be displayed elsewhere.

**Use the upload collection if:** - You want to show a list of uploaded files that can be modified. - You want to allow users to add or remove files, and to change the file names. - You are still using the old sap.ca.ui.FileUpload control. **Do not use the byline list if:** - The user can upload only one file to the app. In this case, use the File Uploader control instead. **Use the upload collection if:** - You want to show a list of uploaded files that can be modified. - You want to allow users to add or remove files, and to change the file names. - You are still using the old sap.ca.ui.FileUpload control. - The user can upload only one file to the app. In this case, use the File Uploader control instead.

Default

The default upload collection.

  • File_Name.extension
    This is the file description This is an additional description
    This is a negative status This is a positive status
  • File_Name.extension
    This is the file description This is an additional description
    This is a negative status This is a positive status
  • File_Name.extension
    This is the file description This is an additional description
    This is a negative status This is a positive status
  • Long_Long_Long_Long_Long_Long_Long_Long_Long_Long_Long_Long_Long_Long_Long_Long_Long_Long_File_Name.extension
    This is the long long long long long long long long long long long long long long long long long long long file description This is an long long long long long long long long long long long long long long long long long long long additional description
    This is a long long long long long long long long long long long negative status This is a long long long long long long long long long long long positive status
  • File_Name.extension
    This is the file description This is an additional description
    This is a negative status This is a positive status
  • File_Name.extension
    This is the file description This is an additional description
    This is a negative status This is a positive status
  • File_Name.extension
    This is the file description This is an additional description
    This is a negative status This is a positive status

Edit

Users can activate edit mode where the file name can be changed.

Edit Mode

  • .jpg
    This is the file description This is an additional description
  • .jpg
    This is the file description This is an additional description
  • .jpg
    This is the file description This is an additional description

Edit Mode - small

  • .jpg
    This is the file description This is an additional description
  • .jpg
    This is the file description This is an additional description
  • .jpg
    This is the file description This is an additional description

NoData

Use a message page component when the user has yet to upload any files.

No files found.
Drop files to upload, or use the "+" button.