Experience Builder screen size issues

08-11-2020 07:39 AM
New Contributor


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?


Jose Pablo  

Tags (1)
5 Replies
Esri Frequent Contributor

ArcGIS Experience Builder

--- George T.
0 Kudos
New Contributor II

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.

0 Kudos
Esri Regular Contributor

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.


0 Kudos
Occasional Contributor III


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.



New Contributor

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.

0 Kudos