Intro

Upload File Dialog is an extended component from the SAP Web UI Kit. Variants contain contextual options that appear based on the uploaded file type (.csv and .xlsx)

It contains variants for three upload dialogs:

• Upload File (SAC and DSP)
• Create Dataset From File (SAC)
• Upload Package (SAC and DSP)

When to Use

Anatomy

1. Button: The "Select File" button allows users to browse and choose a file from their local system for upload.
2. Upload Status: Placeholder text or token with the name of the uploaded file.
3. Contextual Options (optional): Select and checkbox fields, dependent on the file type uploaded.
4. Dialog Footer: The primary button uploads the selected file and the secondary button exits the dialog.

Upload File Dialog - Anatomy

Types

Upload File Dialog

The Upload File dialog should be used when uploading a file in SAC’s Files or DSP’s Repository Explorer.
In SAC, there are no additional contextual options when a file is uploaded, regardless of the file type.
In DSP, .csv-specific contextual options appear when a .csv file is uploaded.

Upload File Dialog - No File Selected

Upload File Dialog - File Selected, No Contextual Options (SAC)

Upload File Dialog - CSV File Selected (DSP)

Create Dataset from File

The Create Dataset From File dialog should only be used in SAC (i.e., adding new data in a Story).
When uploading .csv and .xlsx files, different contextual options will be shown.

Create Dataset From File Dialog - No File Selected

Create Dataset From File Dialog - CSV File Selected

Create Dataset From File Dialog - Excel File Selected

Upload Package

The Upload Package dialog should be used when uploading a new package in SAC and DSP’s Transport/Import.

Upload Package Dialog - No File Selected

Upload Package Dialog - Package File Selected

Behavior and Interaction

Select Control

When a dropdown list is opened, it should appear above the dialog container layer for better visibility.

Upload File Dialog - Select control with open options list