topic Re: Image widget: tablet and mobile "fill" settings only top-align, not center in ArcGIS Experience Builder Questions

Image widget: tablet and mobile "fill" settings only top-align, not center

MackenzieCope — Tue, 05 Jul 2022 22:51:37 GMT

Hello!

I am building an app using experience builder and have come across an issue only in tablet and mobile screen sizes. I have an image widget that populates with the attachments from my map data. The image size is fixed, so I have the "fill" setting on so the attached images fill the space. On desktop, the images vertically align center, which is what I want. For whatever reason, on tablet- and mobile-size screens, the images are top-aligned in the image widget. I can't find a vertical alignment setting for the image, only a horizontal alignment setting for the whole widget, not the image that populates it.

Current image widget settings:

Desktop vs Tablet image output:

Has anyone else run into this and have ideas? I really don't want to go through all my data attachments and have to resize them manually. I would just like the "fill" setting to fill the widget but align center. Thanks!

Re: Image widget: tablet and mobile "fill" settings only top-align, not center

TonghuiMing — Wed, 06 Jul 2022 02:29:49 GMT

@MackenzieCope There has been a known limitation for the image 'fill' behavior on iOS/macOS devices (mostly Safari) for a while, due to the browser's rendering mechanism limit, and unfortunately we have no good ways to solve it at this time. On Android tablets, they look as expected, such as with a Galaxy.

Based on your description, it looks like the same issue. If not, could you provide the mode/version information of your devices?

Re: Image widget: tablet and mobile "fill" settings only top-align, not center

MackenzieCope — Wed, 06 Jul 2022 13:30:32 GMT

Hi @TonghuiMing,

I just went back and tested with Android devices and the images load correctly. Looks like this is the same issue and limitation as you described. I appreciate the response, I will use the "fit" setting on tablet and mobile or find another workaround.

Thank you!

Re: Image widget: tablet and mobile "fill" settings only top-align, not center

JoelMcKechnie — Wed, 01 Feb 2023 03:41:46 GMT

Hi @TonghuiMing, I'm coming up against this as well. Using Macbook Pro and Safari (latest OS and browser). Any ETA for a fix?

Re: Image widget: tablet and mobile "fill" settings only top-align, not center

TonghuiMing — Wed, 01 Feb 2023 06:01:55 GMT

Hi @JoelMcKechnie - this has been logged in our official document as a known limitation:

https://doc.arcgis.com/en/experience-builder/latest/configure-widgets/image-widget.htm

Unfortunately, we do not have a planned fix unless the Safari browser changes its rendering mechanism.

Re: Image widget: tablet and mobile "fill" settings only top-align, not center

JoelMcKechnie — Wed, 01 Feb 2023 10:05:58 GMT

That's disappointing - I hope Apple catch this issue. Thanks for the quick response!

Re: Image widget: tablet and mobile "fill" settings only top-align, not center

erica_poisson — Fri, 19 May 2023 19:06:18 GMT

Hi @TonghuiMing - would this behavior also explain this?

https://community.esri.com/t5/arcgis-experience-builder-questions/image-position-not-honored-in-tablet-or-mobile/m-p/1291233#M7010

Re: Image widget: tablet and mobile "fill" settings only top-align, not center

TonghuiMing — Tue, 23 May 2023 02:43:39 GMT

Hi @erica_poisson - that seems to be the cause.

Re: Image widget: tablet and mobile "fill" settings only top-align, not center

TonghuiMing — Fri, 27 Oct 2023 06:46:51 GMT

The iOS limit of "Fill" has been resolved with the latest AGOL October release, so cases with iPhone or iPad should work fine now. Let me know if you encounter any other issues. Thanks!