jQuery File Uploader JS API: Styling

jQuery File Uploader package is officially deprecated as of September 1, 2025.
Moving forward, we will no longer release updates or new versions of this widget.
Support will also be discontinued, except in cases where critical security vulnerabilities need to be addressed.

We recommend considering our web-component-based File Uploader.

You can easily adapt the uploading widget or dialog to your page style by modifying the respective CSS stylesheet. However, some tabs are opened in an iframe from our domain, e.g., Facebook tab. For those tabs you can customize, please use the following methods.

Adding plain CSS

You can add some plain CSS code to tabs. Use classes to identify a tab you want to modify.

1 var style = ".source-facebook .main-content {background: #98AFD5;}";
2 uploadcare.tabsCss.addStyle(style);

Adding CSS file

Another option is adding a CSS file to your tabs via an absolute file URL.

1 uploadcare.tabsCss.addUrl("https://site.com/styles/uc.tabs.css");

Note, tabs are opened via HTTPS. Hence there is no way to add a CSS file through HTTP. If your site does not support HTTPS, you can use a third-party hosting providing HTTPS support for such files. Amazon S3 is a good option.