Get rid of the old Choose File button in the File Upload Field with the new Image Upload UI.
Elementor by default offers a quick way for users to upload files and submit them through an Elementor Form. This is usually done through a simple button that lets you browse and choose files on their computer.
This button is quite old-looking and could use some modernization, to keep both UI and UX feeling fresh and up to date. This is where the Image Upload UI comes into play.
Easy to set up.
Making use of the new UI is as simple as toggling it on in the File Upload field on your Elementor Form. As soon as the option is turned on, you will see that we have the option to select a placeholder image. Any image we choose will then have a plus symbol as an overlay that will make it clear to the user that they can upload a picture there.
Important to note: this only works with single images. If you’re looking to implement better UI for multiple file selection, then the Better Gallery Form Field is your module of choice.
Compatibility with other Gloo features.
The Image Upload UI works great with the Image Cropping UI to give users even more options when choosing and editing the image they’ve chosen to use. It also works when submitting images that will then be used in the Frontend Post Submission and Editing and User Registration and Editing Form Actions.