Web AppBuilder Mobile Breakpoints

[NathanHeickLACSD]

Is there a file where the mobile breakpoints can be set or can it only be done programmatically?  If so, where is the appropriate place to do this?  Is it in the main.js file of the theme?

[RobertScheitlin__GISP · Accepted solution]

Nathan,

   breakpoints can be set using the apps url.

http://doc.arcgis.com/en/web-appbuilder/manage-apps/app-url-parameters.htm#ESRI_SECTION1_01F86DEC218... 

Or to do it programatically see this link:

Adding mobile breakpoint programmatically 

[NathanHeickLACSD]

Hi Robert,

I found the following line in jimu.js.  I don't understand the 1280.  I thought that if the width or height of the window was less than 600 it triggered the mobile mode.  Is there a third level of responsiveness built into the app? 

jimuConfig = lang.mixin({
      loadingId: 'main-loading',
      loadingImageId: 'app-loading',
      loadingGifId: 'loading-gif',
      layoutId: 'jimu-layout-manager',
      mapId: 'map',
      mainPageId: 'main-page',
      timeout: 5000,
      breakPoints: [600, 1280]
    }, jimuConfig);‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍‍

Thanks!

[RobertScheitlin__GISP]

Nathan,

  I am not sure what the second number in the array is for because they only have code to use the first item in that array. Yes if you want to programatically change the break point vs using the url then the main.js is the right place.

[Ming]

Hi @RobertScheitlin__GISP , 

For desktop off-panel custom widget, is there any way to show the fold and maximize icon button? I tried to change the breakPoints 600 to 1024, but the whole app is switched to mobile mod so the widget is fixed to right side with bigger width and can't resize.

Just found the off-panel widget has only the attribute - closable, any way to set the attribute like foldable?

[Ming]

Looks it is not easy:

https://community.esri.com/t5/arcgis-web-appbuilder-questions/minimise-custom-widgets-foldable-theme...