How to override default desktop web browser zoom settings to display web app builder at 100%

1647
2
03-01-2018 05:00 AM
ScottHansen__MDP_
Occasional Contributor

It is possible to configure an AGOL web app to force the desktop web browser to display a web application at 100% zoom level?  When I view the web app on a screen with a default zoom of 140% for example, the web application does not appear as intended, often times showing only a map with none of the info graphics, header, widgets, etc. I believe this is due to web app builder's responsible design, which allows the application to resize based on the device.

0 Kudos
2 Replies
RobertBorchert
Frequent Contributor III

Go in and edit your Web App.  Select the Map Tab.

You can set default extent in here.

Or what I would recommend instead is go to the Web Map that your Web App is based off of and edit that.  Click on the Settings Tab and manually set your extent.  Then go into your Web Map verify the extent is as you want it and save the Web Map.

0 Kudos
RobertScheitlin__GISP
MVP Emeritus

Scott,

   It looks like it is somewhat possible in code:

document.body.style.zoom="100%"

Reference:

javascript - Changing the browser zoom level - Stack Overflow