Upload picture issue?

This is what my form looks like in edit mode, and it seems fine.

However, when I upload an image in preview mode, the image becomes extremely small. Is there a way to resolve this issue?

Thank you.

Hey @Vicky, don’t worry it’s not an issue with your setup or the components. What is occurring here is that the image picker component always shows the full image when you upload it. So because your image was vertical, it was displayed very small.

As a solution, you can try to crop your image to be horizontal instead of portrait, or you can use this component from the Marketplace (Image Cropper), where you’ll be able to crop images before uploading them directly inside the app.

Hi Ali,

Thank you for the explanation. I will take a look.

Have a great day.

Perfect, you’re welcome! Let me know how it goes.

Have a great day as well!

@Vicky @Ali-Bazzi It’s not the picture issue. I seems to be some issue with the form (?). It never looked like that and now it looks extremely bizarre:

-
this is mobile resolution


this is desktop resolution

Obviously the form looks normal in the app builder.

@Dilon have you seen this, maybe there is already a bug for it?

Best,
Victor.

1 Like

Thanks for the mention Victor!

I see this vertical slightly visible background before going to upload an image. Do you guys noticed that?

It looks like the issue is that no matter the uploading image size, it fits inside that vertical box but it also looks like this only happens with PWAs. Would you guys able to confirm?

Thank you and have a great day!

Hi Dilon,

Please see the pictures below. The vertical box shows everytime.

Hi Everyone,

It looks like this is a UI-related issue that only affects PWAs. The images are being stored in the database with the correct size but the display issue occurs in the form. However, not able to see this behavior in a standalone image picker component.

This has been escalated by Jessi and the dev team will work on prioritizing it. However, there is currently no ETA for a resolution.

Thank you and have a great day!

1 Like

Unfortunately the standalone image picker is not a solution as it cannot be stylized - you can’t change the fill color to make it look like the other text fields and make everything look like a single, consistent form.

And the vertical rectangle you see inside the picker is the border you set for the whole form.
Whichever rounding or border you select, that’s how it shows in the picker, as that vertical rectangle.

What’s weird is that this is recent. I don’t recall the image picker in the form behaving like this.

This topic was automatically closed 10 days after the last reply. New replies are no longer allowed.

Guys, a fix is in-progress and we’ll have an update very soon!

Thank you and have a great day!

3 Likes

@Vicky, @Victor, @afonso, @Ali-Bazzi : This issue should be fixed now! See below :

Could you guys check and confirm? If it’s a published app, please push a new update and check.

Thank you and have a great day!

Hi @Dilon

Some things have changed, but it’s still very weird. It might have even changed for the worst unfortunately.

If you round the corners of the fields, you still see a rectangle in the background of the image picker with sharp corners. And when an image is selected, that’s when it gets all messed up.

Please see below how I set it up in the builder vs what happens when an image is selected. Colors, corners, etc, all gets messed up.

Thanks for sharing this @afonso! Could you share few screenshots of your exact setup for the form so I can see if I can reproduce? Thank you and have a great day!

Sure. Here it is:

1 Like

I’m able to see it too which I didn’t few hours ago, shared with Adalo Software Engineer, Jimmy! Thanks for the alert Afonso!

1 Like

Hi Everyone!

The initial issue got fixed which no more vertical containers inside the picker like below!

Now it looks like there’re issues with corners of the picker and label, after image upload. Jimmy is taking a look and we’ll have an update quick which will be sharing here! If you guys seeing any other issues with the image picker in a form, please let here know.

Thank you and have a great day!

2 Likes

@afonso, this would be perfect right? Not published and just wanted to check!

1 Like

Yes, I think that is closer to how it behaved before these changes to the form happened.

If the background color of the uploaded picture could remain the same fill color instead of black, great, if not, it’s not a big issue. It looks good.

1 Like