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.
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.
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.
The intended outcome
Users can edit an image before the final file is written to the app’s database.
Requirements
- Adalo Image Cropper
- An Image property on the destination record
- A form submission or On Save update action
Step by step
- 01
Add Adalo Image Cropper
Install the marketplace component and size its frame to the intended crop ratio.
- 02
Choose the crop behavior
Enable Circle Crop for avatars if needed, set Image Roundness, and choose an output quality appropriate for the app.
- 03
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.
- 04
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
A previous image appears on a new upload
Remove or change the Pre-loaded Image binding for flows that should start empty.
The saved image is not the cropped version
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.
Current evidence screenshots have not yet been added. Treat the guidance as documented or legacy material according to the status shown above.
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 2026Sources and status
This page was last reviewed on Aug 16, 2026. Its current status is Documented from current sources.
Verification owner: Automatically organized from an accepted forum answer; monitored for corrections. Next review: Oct 16, 2026.
Changelog
Automatically posted from a solved Adalo forum topic; corrections are monitored on the live site.
Report this answer.
Forum answers post automatically. If a step is wrong, outdated, unclear, or missing an important boundary, send the exact correction and the editor will check the live page.
Report a problemDid this solve your problem?
Never deal with an Adalo problem again.
Rehost becomes the monthly team behind your app. Fixes, releases, integrations, and ongoing changes have an owner.
See monthly managementBring us the messy version.
Describe what you expected, what happened instead, and what you already tried.
Ask Adalocado 💬
