Image Cropping UI

Let your users crop images they upload with the Image Cropping UI

The Image Cropping UI is a Form Extension designed to make both your and your user’s file upload experiences better by providing a sleek UI with greater control both in the Elementor editor and in the front end form that the user will fill out.

You can find and use this function by creating a simple File Upload form field, and toggling on Enable Image Cropping.

This toggle will give the user the ability to crop the image after they’ve uploaded it.

Enable Image Cropping.

Once toggled on in the File Upload field settings, Enable Image Cropping will let your users do just what it says in the name.

The tool sports extreme customization as is usual with Gloo features, allowing you to change the container’s size, style, typography for the button, background, text and border colors. Within the container, the viewport showing a preview for the image can also be customized in width and height, as with its boundaries.

With that set up, every image uploaded using the File Upload field will present the user with a quick and easy tool to crop the image as they please, if needed. They can either save the changes they’ve made, or just not crop the image at all.