Uploading Widget JavaScript API — Styling

You can easily adapt 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, Instagram, etc. 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.

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

Adding CSS file

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

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.