English

How To: Change the resolution setting for switching to mobile view in Web AppBuilder for ArcGIS (Developer Edition)

Summary

With Web AppBuilder for ArcGIS, apps are designed to be responsive to various screen sizes. When either dimension (height or width) of the viewport reaches a threshold of 600 pixels, the interface changes. This affects widgets, popups, and other features. On small laptop screens, the application can be set to stay in desktop mode when below the default size threshold.

One option is to use the mobileBreakPoint URL parameter, for example:

 http://<your portal url>/apps/webappviewer/index.html?mobileBreakPoint=300
See the following Web Help topic: Use URL parameters
If this is not option, the solution below provides the same functionality by default.

Procedure

Warning:   
Esri cannot guarantee results from incorrect modifications to the .js files while following these instructions. Therefore, use caution and proceed at your own risk. This solution is provided as is, with no guarantees or promises of future support.
  1. In the main.js file (located in the jimu.js folder), alter the following values in the code block after downloading the application.
    "breakPoints:[600,1280]"
    
    Change to:
    
    "breakPoints:[300,1280]"
  2. Backup this file. Be careful not to make any other changes. Changing the first value to 0 (instead of 300) disables the mobile view completely. Below is a screenshot of this change in context.
User-added image

Related Information