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

Vara_PrasadM_S

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

RobertScheitlin__GISP

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 <SPAN class="operator token">=</SPAN> lang<SPAN class="punctuation token">.</SPAN><SPAN class="token function">mixin</SPAN><SPAN class="punctuation token">(</SPAN><SPAN class="punctuation token">{</SPAN>
      loadingId<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'main-loading'</SPAN><SPAN class="punctuation token">,</SPAN>
      loadingImageId<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'app-loading'</SPAN><SPAN class="punctuation token">,</SPAN>
      loadingGifId<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'loading-gif'</SPAN><SPAN class="punctuation token">,</SPAN>
      layoutId<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'jimu-layout-manager'</SPAN><SPAN class="punctuation token">,</SPAN>
      mapId<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'map'</SPAN><SPAN class="punctuation token">,</SPAN>
      mainPageId<SPAN class="punctuation token">:</SPAN> <SPAN class="string token">'main-page'</SPAN><SPAN class="punctuation token">,</SPAN>
      timeout<SPAN class="punctuation token">:</SPAN> <SPAN class="number token">5000</SPAN><SPAN class="punctuation token">,</SPAN>
      breakPoints<SPAN class="punctuation token">:</SPAN> <SPAN class="punctuation token">[</SPAN><SPAN class="number token">600</SPAN><SPAN class="punctuation token">,</SPAN> <SPAN class="number token">1280</SPAN><SPAN class="punctuation token">]</SPAN>
    <SPAN class="punctuation token">}</SPAN><SPAN class="punctuation token">,</SPAN> jimuConfig<SPAN class="punctuation token">)</SPAN><SPAN class="punctuation token">;</SPAN><SPAN class="line-numbers-rows"><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN><SPAN>‍</SPAN></SPAN>

Line 9 change the 600 to less.