A full-featured image picker and editor for Adalo. Users tap to choose a photo from their device, then crop, zoom, rotate, and flip it before saving. The result is available as a form value or via an On Save action — perfect for profile photos, uploads, and any image-editing flow.
Key Features
Crop, zoom, rotate, and flip images on Web, iOS, and Android Native photo library picker on iOS and Android Circle crop mode for profile photos and avatars Crop shape mirrors Image Roundness setting — preview matches the final result Outputs via On Save action or as an Adalo form value Pre-load an existing database image for re-editing Blur fade-in when images load for a polished feel Fully customizable button colors and labels
Perfect For
• Profile photo uploads
• User-generated content
• Product image uploads
• ID or document photo capture
• Avatar editors
How to Get It
Open your Adalo app editor
Click the + button to open the Add Components panel
Browse Marketplace Components or search for “Adalo Image Cropper”
Click to add it to your app — done!
If you have any questions or feedback, drop a comment below. I’d love to hear how you’re using it!
Massive shout-out to the Adalo team for an absolutely incredible run of updates over the past month!
I’m genuinely blown away by the pace and quality of what you’ve been shipping. Here’s just some of what you’ve delivered:
Brand New Components: FAQ, Vertical Progress Bar, Leaderboard, Multi-Select Picker, Tabs Container, Text Container Pro, Date Range Picker, Calendar Pro, Advanced Text Input, and a full Chat Suite with six components for complete chat experiences. You’re actually clearing the community’s wish list, and it’s so refreshing and uplifting to see.
Features & Platform Updates: Copy-Paste Actions, Editor Search, Ada AI Design Improvements, publish directly from chat, Google SSO, SheetBridge for turning Google Sheets into native apps, Scheduled Notifications, Android Location Permissions, Featured E-Commerce sections, Gradient UI elements, and infrastructure upgrades across the board.
But honestly, what gets me most is that you’re listening. Those new components weren’t just random additions — you’ve been working through the community’s wish list, and it shows. Please keep this momentum going. You’re making building with Adalo genuinely easier and more enjoyable every single week.
Thanks for creating this image cropper- just what I was needing. A few things I have been struggling to figure out (not a professional developer…) 1) How do you set the aspect ration? 2) How can I remove the bottom choose photo button. It pops up again during edit, thats great but not sure why it is in two places when you first do an image pick. 3) I noticed when I hoover over to tap to choose a your first photo there is not a the universal finger point that lets the user know to “click here”. The finger is available during editing. - Again, not a professional developer and still learning so all input is incredibly helpful. I am rebuilding a screen so all photos are just placeholders… Liz
Hi Dilon, I have another Image Cropper issue that may be related to my existing support ticket.
My app flow is:
User opens Log A Pour screen
User takes/uploads a photo using the Image Cropper and saves it the Cropped Image is stored to a temporary image field on the User record via the On Save action
User later returns to Log A Pour to log a new wine
The Image Cropper is pre-loaded with their last saved photo instead of showing a fresh empty canvas
The problem is I cannot clear the field through an Update User action image fields only show “No Change” and there is no null/empty option available. This means the Image Cropper’s Pre-loaded Image always finds a previous photo and displays it, which is confusing for users starting a new entry.
I tried adding a placeholder image but the component overrides it with the last logged image.
Is there a way to reset/clear an image field to empty through an action? Or does the Image Cropper have a built-in reset option I’m missing?
I have a screen recording but couldn’t attach a video, happy to share another way if helpful. Liz
Image 2 - the user sees the the last image saved to their database. The reason this image is different than the saved image of (1) is because I played around with the image in the cropper - I hit the save button on the image cropper but did not hit “save a pour” on my image 2 screen. So again, not sure if I have connections mismatched or how I can solve this problem.
I found a work around and got it to work! I created an image and then turned that image into a url and put that in the URL preloaded image AND IT WORKS. Liz
I need to add to my original post. I solved one problem did not get a complete fix. Now with the URL image in place the “add photo” is no longer clickable - which will be confusing for the user. The user can go to the “Upload New” icon and it will upload or take a photo of an image. I am wondering if there is way for me to fix this? Liz
Crop, zoom, rotate, and flip images on Web, iOS, and Android
Massive shout-out to the Adalo team for an absolutely incredible run of updates over the past month!
Brand New Components: FAQ, Vertical Progress Bar, Leaderboard, Multi-Select Picker, Tabs Container, Text Container Pro, Date Range Picker, Calendar Pro, Advanced Text Input, and a full Chat Suite with six components for complete chat experiences. You’re actually clearing the community’s wish list, and it’s so refreshing and uplifting to see.
Features & Platform Updates: Copy-Paste Actions, Editor Search, Ada AI Design Improvements, publish directly from chat, Google SSO, SheetBridge for turning Google Sheets into native apps, Scheduled Notifications, Android Location Permissions, Featured E-Commerce sections, Gradient UI elements, and infrastructure upgrades across the board.
