jQuery File Uploader JavaScript API: Styling

We’ve built the next version of the 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.

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