topic Re: How to override default desktop web browser zoom settings to display web app builder at 100% in Web AppBuilder Custom Widgets Questions

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

ScottHansen__MDP_ — Thu, 01 Mar 2018 13:00:40 GMT

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.

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

RobertBorchert — Thu, 01 Mar 2018 16:12:53 GMT

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.

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

RobertScheitlin__GISP — Thu, 01 Mar 2018 16:50:50 GMT

Scott,

It looks like it is somewhat possible in code:

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

Reference:

javascript - Changing the browser zoom level - Stack Overflow