How can we add minimize/maximize button to OnScreen widget while viewing in Tab/iPad also

331
2
Jump to solution
05-11-2019 07:02 AM
Vara_PrasadM_S
Occasional Contributor II

Hi Team,

For On Screen widgets in ESRI Web AppBuilder, minimize/maximize buttons are visible only in mobiles but not in iPad / Tabs. Could someone please tell me how can we add.

Robert Scheitlin, GISP‌, Could you please give me some ideas how can we do this. Thanks in advance!

Thanks & Regards,

Vara Prasad

0 Kudos
1 Solution

Accepted Solutions
RobertScheitlin__GISP
MVP Esteemed Contributor

Vara,

    The apps mobile break point is set to a width of 600 in the main.js that is what determines if the app goes into mobile mode or not and because most iPads and tablet have a screen width of greater than 600 it will not show the buttons. To fix this in the main.js change this:

    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);

Line 9 change the 600 to less.

View solution in original post

2 Replies
RobertScheitlin__GISP
MVP Esteemed Contributor

Vara,

    The apps mobile break point is set to a width of 600 in the main.js that is what determines if the app goes into mobile mode or not and because most iPads and tablet have a screen width of greater than 600 it will not show the buttons. To fix this in the main.js change this:

    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);

Line 9 change the 600 to less.

Vara_PrasadM_S
Occasional Contributor II

Thanks a lot Robert Scheitlin, GISP‌. It worked.

With Regards, 

Vara

0 Kudos