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.