topic Re: Web AppBuilder Mobile Breakpoints in ArcGIS Web AppBuilder Questions

Web AppBuilder Mobile Breakpoints

NathanHeickLACSD — Thu, 07 Feb 2019 19:40:21 GMT

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?

Re: Web AppBuilder Mobile Breakpoints

RobertScheitlin__GISP — Thu, 07 Feb 2019 19:48:10 GMT

Nathan,

breakpoints can be set using the apps url.

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

Or to do it programatically see this link:

Adding mobile breakpoint programmatically

Re: Web AppBuilder Mobile Breakpoints

NathanHeickLACSD — Sun, 12 Dec 2021 04:40:14 GMT

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!

Re: Web AppBuilder Mobile Breakpoints

RobertScheitlin__GISP — Thu, 07 Feb 2019 22:16:56 GMT

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.

Re: Web AppBuilder Mobile Breakpoints

Ming — Tue, 11 Apr 2023 14:41:07 GMT

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?

Re: Web AppBuilder Mobile Breakpoints

Ming — Tue, 11 Apr 2023 14:44:29 GMT

Looks it is not easy:

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