Different zoom level in Experience Builder when embedded in TYPO3 vs full view

AishwaryaRavi

I am using ArcGIS Experience Builder and embedding the app into a TYPO3 website using an iframe.

The issue is that the map shows a different zoom level depending on where it is viewed:

• In a new browser tab (full screen), the zoom level is correct
• In TYPO3 (embedded iframe), the map appears more zoomed out

What I have already tried:

• Set Custom / Fixed extent in the Map widget
• Tried Use map’s default extent from Map Viewer
• Saved the map at the desired zoom level in Map Viewer
• Adjusted iframe height and width (including full width and large height)
• Removed responsive CSS (padding-bottom trick)
• Tested different container sizes

However, the embedded version in TYPO3 still shows a smaller zoom level compared to the full view.

Question:
Is there a way to lock the zoom level or scale in ArcGIS Experience Builder so that it appears identical regardless of screen/container size?
Or is this behavior expected due to responsive design, and is there any workaround?

DanielFox1

Hi @AishwaryaRavi 

I think you want to use Fixed Scale in the Map Widget 

In Experience Builder:

1. Edit your Map widget.
2. Under Map Options, look for Initial view or Extent settings.
3. Choose Lock map navigation or Disable zoom/pan (depending on widget version).
4. Set the scale you want and save.

This prevents the map from adjusting automatically — but note, if the container is too small, parts of the map may be clipped.

I hope this helps in some way