topic Re: Experience Builder screen size issues in ArcGIS Experience Builder Questions

Experience Builder screen size issues

JosePablo_Rivas — Tue, 11 Aug 2020 14:39:45 GMT

Hi,

I have created a series of pages using experience builder. All the pages are set up in 1920x1080 , and they look fine when using the live view. However, when I hit preview all the elements inserted appear out of place.

The only way to make it look like the way it was created is by using the browser full-screen option. The monitor resolution is exactly the same as the experience builder (1920x1080).

Can somebody explain why this happens?

Regards

Jose Pablo

Re: Experience Builder screen size issues

George_Thompson — Tue, 11 Aug 2020 15:10:51 GMT

ArcGIS Experience Builder‌

Re: Experience Builder screen size issues

AndrewBlunck — Mon, 21 Sep 2020 20:23:22 GMT

Is there an answer to this question? I am having same issue. My page looks fine in the edit and live views inside Experience Builder, but when I preview it in a web browser, all of the elements resize and get cut off.

Re: Experience Builder screen size issues

DavidMartinez — Wed, 07 Oct 2020 19:10:01 GMT

I would first start with how your widgets are sized, positioned, and aligned. Are you using absolute positions or %? If you change the size layout in experience builder design mode you will be able to see the difference when changing from 1536 x 864 to 1024 x 768. If you're still having issues, maybe we can take a look at your experience.

David

Re: Experience Builder screen size issues

kmsmikrud — Fri, 12 Mar 2021 16:03:59 GMT

Hi,

I have been working this past week trying to configure the widgets in the EB I have and I'm struggling to get the EB to look good at all the resolutions that are shown. I am using a custom full page layout and I honestly feel like it would be so much better to be able to configure for the different desktop, tablet, and phone options. For example for the desktop there is a very big different in resolution between 1920 and 1024 and I would rather configure widgets for 1920 and then 1024 then try to make them work for the entire desktop range. This was actually my understanding at first, but then a coworker explained that's not how it works. I have went back and forth on using % and px getting rather frustrated. I have a menu, text, and embed widget and I would like them to stay aligned. Currently I'm not using a column or row layout widget but maybe that is the solution for them maintaining alignment on different screen sizes? Some examples or more documentation for this would be great on the resources tab.

Thanks,

Kathy

Re: Experience Builder screen size issues

LisaDouangchaiWills — Mon, 14 Mar 2022 13:29:21 GMT

Hi, I had the same problem with my views. The layout was completely off in preview but fine in live view. The problem was fixed after I reset the size and position of my elements from absolute values to percentages.

Re: Experience Builder screen size issues

LJackson29 — Fri, 23 Jun 2023 12:56:29 GMT

I agree that some more documentation on how to use the "Change Screen Size" in Experience Builder would be really helpful. I thought I could adjust the size of the widgets at each screen size to be different so they fit on the screen better at a particular resolution but that doesn't seem to be the case. When I change it at a particular resolution it changes it globally.

Re: Experience Builder screen size issues

dnord — Mon, 18 Sep 2023 15:22:57 GMT

Hi Jose,

I see your post is roughly 3-years old, but it looks like this is still a prevalent issue today. I was having the same issue and during my troubleshooting I continually stumbled upon the importance of using % vs px.

I was also able to find this useful technical support link from ESRI that seems to confirm what I had discovered: https://support.esri.com/en-us/knowledge-base/problem-the-arcgis-experience-builder-widget-size-and-p-000028678

Re: Experience Builder screen size issues

dnord — Mon, 18 Sep 2023 15:39:41 GMT

Hi Leila,

I did find this link from ESRI that was pretty useful!

"ArcGIS Experience Builder widget size and position do not adjust according to the screen size"

Re: Experience Builder screen size issues

nrezvanpour_arc — Wed, 07 Feb 2024 13:26:34 GMT

Hi Y'all,

I am having relatively similar issue. In my laptop with 15 inches screen size everything is fine in different modes. However, my widgets become tangled and twisted and misplaced when the screen size gets a bit smaller (13 inches screen size). I read these comments about changing values to %. I did that. I am also using column and block widgets to place my image, map, texts widgets. But none doesn't help. Currently I am designing my dashboards in 1280*800. Does changing it to a larger one helps?!

Re: Experience Builder screen size issues

UofSC_KevinHaynes — Wed, 03 Apr 2024 12:33:02 GMT

I'm having this issue too.

Re: Experience Builder screen size issues

AaronPDXPaul — Thu, 25 Apr 2024 23:04:11 GMT

4 years later and I am having this issue 04/25/2024.

It's maddening. Has anyone discovered a work around, and is there any plan to fix it?

Re: Experience Builder screen size issues

JoshBerna — Thu, 08 Aug 2024 16:34:37 GMT

For anybody looking this is just an inherent issue with ExpB. It's designed for configuration across small, medium, and large devices, but not the variation in resolutions amongst those devices. If you build it in 1920 x 1080, it'll look terrible on something smaller. You can use percents, but it will not fix it like you hope. Similarly, percent values have no effect on text size, so if the box is too small to fit your text on a smaller screen, the text is simply cutoff rather than scaled. Huge oversight imo.

You can see in my screenshots I have positions and sizes in percent values that should adjust to match their position on different screen sizes.

The explanation is here, as dnord said: https://support.esri.com/en-us/knowledge-base/problem-the-arcgis-experience-builder-widget-size-and-p-000028678 but the "fix" isn't really helpful. As folks have said, even using percent values results in positively mangled UIs.

If I'm wrong, somebody please, please correct me so I can fix my experiences.

Re: Experience Builder screen size issues

wstuart4 — Fri, 13 Jun 2025 13:19:39 GMT

Having the same issue. Since experience builder has been out, I have struggled with formatting widgets within my layout in a way that accommodates different monitor sizes. I don't change width and height values to pixels because I need my widgets to resize across different monitor sizes. However the way in which these widgets resize across different monitor sizes is a real limitation of experience builder. As mentioned in comments in this thread, a solution could possibly be the ability to reformat widget placement/size with different monitor sizes, as you are currently able to do for tablets and phones. Whatever the solution may be, it would be a welcomed fix.

Re: Experience Builder screen size issues

SarahRijneke — Wed, 17 Sep 2025 16:56:06 GMT

hello, I'm getting similar results with a menu bar. When I resize my browser the items start to overlap. I tried switching between % and px which at first seemed to solve the issue, but when I used the button on my menu to switch to my second map view, the buttons in my menu widget meld into my map header.

Re: Experience Builder screen size issues

Jay_Geisen — Wed, 26 Nov 2025 17:56:47 GMT

I've noticed Experience Builder in ArcGIS Online/ESRI.com allows you to set screen size to "Auto", while there is no such option in Enterprise/Portal - at least not in 11.5. Does this "fix" the issue, assuming you can use the ArcGIS Online version? And will this functionality be ported to Enterprise, I wonder?

Re: Experience Builder screen size issues

IrelandHackman — Thu, 11 Dec 2025 15:53:09 GMT

I just tried using this option myself and it does not seem to fix the problem. This is a frustrating issue, especially since the other widgets in the Experience Builder I'm updating seem to fit. They must've been added before this issue came about.