Are you tired of file uploaders that all look the same? We are too. That’s why Simple File Upload’s file uploader UI is completely customizable. Change everything about the file uploader to match your existing website. No boring file upload design here! Below is what the file uploader looks like out of the box with no changes.
If you’re not happy with the file uploader icon, it’s easy to change. Log onto your developer dashboard and click on “colors and icons” located on the blue sidebar.
Uncheck “use default icon.”
A drop zone will appear. To change the default icon, select a new icon from your computer files. Then, add the new icon to the drop zone.
Once your new icon has been uploaded, it’ll display on the “live preview.” This is what the new icon will look like on your website.
Now, let’s change the colors. Change the background, border, and text colors of the file uploader. Click on the colors next to each parameter, and a pop-up color box will appear. Select any color from the pop-up color box that you want!
Click "update widget."
Once the file uploader has successfully updated, go back to your website and refresh. You can see now that the file uploader has been changed to your specifications.
If you’re not happy with the size of the file uploader, you can also change that. Go back to your developer dashboard, and click “widget options" located on the blue sidebar.
Add the `data-width` and `data-height` parameters to your input code.
Below, we’ve changed the width to “50” and the height to "50." Specify any size that you want!
That's it! We hope this helps you easily customize the file uploader UI to meet your file upload design expectations. Check out our video tutorial if you need more help. Feel free to contact us at any time with any questions or comments. Don’t forget, you can try Simple File Upload for free.
