This Cropper has 4 different styles and 14 different customization options.
How to use
Put the Cropper Element on your page.
Fill out the properties however you want.
To get your Cropped image, run the “Get Cropped Image” action.
Access the cropped Image in the elements “Cropped Image” state
Upload the Cropped image using the “Upload Cropped Image” action
Access the Uploaded Cropped Image in the elements state “Uploaded Image”
Update the Cropper elements image source by running the action “Set Image Source” and provide the image source in the property editor.
Notes
You must always run the “Get Cropped image” workflow before you run the “Upload Cropped Image” action. You can do them in the same workflow.
Do NOT try to create a Bubble Data Object with “Cropped Image” state. It will cause your application to slowdown significantly. ALWAYS make sure you use the “Uploaded Cropped Image” state for creating an object in the database.
Hey so I just subscribed to this plugin and it’s great except… it says you can completely lock the cropbox but I’m not seeing how to do that. Even when setting “Resizeable Cropbox” to “no” it still lets the user create their own cropbox and eliminates the established ratio. Am I missing something? This is kinda the whole reason I wanted this plugin…
You’ll want to set;
Aspect ratio to your desired ratio.
The “Drag Mode” property be “Move” or “None” .
And set the the “Resizable Crop Box” property to be No.
Great plugin. Just wondering if anyone knows how to make resizing on mobile work? In the demo gif above it appears to be working on mobile but my install and the demo page both don’t zoom/resize on mobile.
Thanks for all the instructions so far! I am trying to set up a cropping tool as part of a form that will be submitted by users (all the data will be posted into a forum, with a photo as part of the submission so I need the user to create standard dimensions for photos).
I followed the steps above but continue to get this error when the image cropper tries to “get” the image from the source:
Update to above. I changed the workflow to update set source of image cropper when the photo uploader value was changed and still no luck. Getting a similar but different error message
Also as an update to above: I’m no longer getting the error and the image is showing in the cropper viewport but it is not saving to the “Idea” element as intended
Hi, we are using your plugin to crop two images on a user registration page. One for a profile picture and another for a background image like in LinkedIn or FB. The profile is working but the background is creating the following error as it attempts to crop the image. Both workflows are the same.
