How do you crop images before uploading them in Adalo?
Use Adalo Image Cropper to let users choose, crop, rotate, flip, and zoom photos before saving them to a record or form.
Short answer
Use the Adalo Image Cropper marketplace component, choose the crop shape and output quality, then save its Cropped Image through the On Save action or as a form value.
The intended outcome
Users can edit an image before the final file is written to the app’s database.
Adalo Image Cropper provides an in-app editing step before persistence. Treat Cropped Image as the saved output and use Pre-loaded Image only for deliberate re-editing flows.
Requirements
- Adalo Image Cropper
- An Image property on the destination record
- A form submission or On Save update action
Step by step
Step 1: Add Adalo Image Cropper
Install the marketplace component and size its frame to the intended crop ratio.
Step 2: Choose the crop behavior
Enable Circle Crop for avatars if needed, set Image Roundness, and choose an output quality appropriate for the app.
Step 3: Save the cropped result
Map Cropped Image from On Save to an Image property, or place the component inside a form and map its form value.
Step 4: Support re-editing carefully
Use Pre-loaded Image only when the screen should reopen an existing image for editing.
The underlying logic
The cropper outputs the edited file separately from the original image.
The component frame controls the crop ratio, while Circle Crop and roundness control the visible shape.
Data model
| Collection | Important properties | Relationships |
|---|---|---|
What still needs checking?
- This is a forum-native answer with no original Adalocado video.
- Current documentation confirms crop, zoom, rotate, flip, circle crop, form-value output, and On Save output across Web, iOS, and Android.
Common failure modes
Remove or change the Pre-loaded Image binding for flows that should start empty.
Map Cropped Image rather than Original Image in the On Save action.
Testing checklist
0 of 6 checked on this device
Current limitations
- Very high JPEG quality increases file size with limited visible benefit.
- Clearing an Image property may require a separate app-specific pattern; do not assume Pre-loaded Image starts empty.
What the Adalo community is reporting
These are concise editorial summaries of public forum posts, not endorsements or independently reproduced results.
Image cropper
Adalo released the Adalo Image Cropper component.
Boundary: The feature-request thread predates the current detailed component documentation.
Adalo staff accepted update · February 2026
Sources and status
This page was last reviewed on Aug 16, 2026. Its current status is Documented from current sources.
Verification owner: Editorially checked against current Adalo documentation and monitored for corrections. Next review: Oct 16, 2026.
Changelog
Automatically posted from a solved Adalo forum topic; corrections are monitored on the live site.
Automatically organized and maintained by the Adalocado editorial team under the editorial and verification policy.
Report this answer.
Automated Answers still pass evidence and publication checks, but they can be wrong, outdated, unclear, or missing an important boundary. Send the exact correction and the editor will check the live page.
Did this solve your problem?
One-click check
We’ll handle the tech. You can exhale.
Bugs fixed. Updates shipped. Publishing handled.
$97/mo for your first 3 months.
Cancel anytime. That’s about 90% off the usual cost. 🤯
- Bug fixes and troubleshooting
- App updates and integrations
- Publishing and store releases
Bring us the messy version.
Describe what you expected, what happened instead, and what you already tried.
