Yes, I could make it a setting to not upload to S3. And yes can expose the viewport to another element, for a preview for example, or to send somewhere else. Let me know if you want to pursue this further.
Once the upload to S3 has done, the plugin has no further control over the file, that is up to the Bubble app editor file management.
Which browser/device is this happening in? Does it happen without the debug_mode?
Are you certain that its not an artifact of the viewing of the image? I saw something similar caused by rescaling in an image element.
Can you setup a demo app which has this issue?
This is where the viewport/boundary dimensions need fiddling, for example, if I turn off the zoomer control, I set the boundary to 100% x 100%. If you can send me an example thatâd help.
There is a âCustom classâ option to add your own css, although I havenât tried it myself for a long time. Yes I agree, the styling of the zoom control should be configurable.
Good idea, also suggested in earlier posts.
Mouse wheel zoom should still be enabled with âShow zoomerâ off and âZoom enabledâ on.
Yes, this is a pain, Iâm not sure if thereâs a fix for this. Its at the browser level, where it doesnât bother to load a file if the selection is unchanged. Youâll find the same bug on Bubbleâs Image uploader.
This is awesome - no need to use an API to compress. Did a few quick tests and even keeping the quality at 0.9 upon save and re-sizing 4592px X 3056px down to 1440px X 960px the file size goes from 8.6mb to 326kb
It would be great if it was possible to dynamically set a name upon save (upload to S3):
Iâm not sure if this is any help or the complexity it would undertake to integrate into the plugin, but I have an idea for adding a grid to Croppie. It could be an option on the element to âShow gridâ and it displays with a 3x3 grid.
The workaround I guess would be to use lines or an empty repeating group as an overlay
Seeing as the preview function is built into Croppie a use case scenario could be having a user browse for a photo, the preview of the image is shown. Underneath there would be a button called Crop. Clicking this reveals the Croppie element with zoom controls and grid - user makes any adjustments then clicks the Done button, which returns back to the preview, ready to save to S3 + DB.
I guess having a grid could highlight that the image is in an âedit modeâ.
@mishav I think I found a bug - when I use a style for a button which has a âwhen pressedâ condition it bugs out and doesnât open the browsing window.