Files component CSS

warning

The content on this page is outdated and will not receive updates. For the most up-to-date functionality, refer to Setting up and managing flows.

This topic provides examples of the main CSS classes/selectors you can use to customize files components.

Default player CSS

The files component is only supported for use with the default legacy runtime.

Default legacy player CSS

You can use the following classes/selectors to apply additional CSS styling to files components in a flow running the default legacy player.

Class/Selector	Description
.mw-bs .dropzone	The main class applied to the File Upload area of the component. For example, to set the height of the File Upload area: .mw-bs .dropzone {height:400px}
.mw-bs .files-progress	The main class applied to the File Progress area of the component that displays the progress of a file as it is being uploaded. For example, to set the background of the File Progress area: .mw-bs .files-progress {background:#cccccc}
.mw-bs .progress-bar	The main class applied to the progress bar in the File Progress area. For example, to set the background progress bar: .mw-bs .progress-bar {background:#cccccc}
.mw-bs .file-statuses	The main class applied to the file status shown below the File Progress area once a file has been uploaded. For example, to increase the font size of the file status text: .mw-bs .file-statuses {font-size:24px}