topic How do I view widgets on the map when the map div is too short? in ArcGIS JavaScript Maps SDK Questions

How do I view widgets on the map when the map div is too short?

MattStayner — Thu, 03 Jun 2021 19:58:32 GMT

I have a lot of widgets I want to show on left side of my map. If my is too short (like on a smartphone), the widgets don't all show (see here). Is there a way to wrap/overflow the widgets that don't fit on the display?

Re: How do I view widgets on the map when the map div is too short?

mdonnelly — Fri, 04 Jun 2021 00:11:46 GMT

Hi Matt,

There is only so much that responsive apps can do with the available real estate. At some point they just run out of space to put things.

In that case you need to have another option up your sleeve, which is to make the app adaptive, in addition to it being responsive. What do I mean by this? An adaptive app would check the current screen dimensions and when a certain limit has been reached (ie it is too small) then the app's layout would be changed to adapt to the new form factor.

One idea could be combining some of your widget buttons into one 'breakout' button, ie one button that expands to show all the widget buttons when pressed.

Esri's web apps do just this. Just take a look at their CSS to see what I mean.

Mark

Re: How do I view widgets on the map when the map div is too short?

MattStayner — Fri, 04 Jun 2021 21:23:11 GMT

Hi @mdonnelly ,

That makes sense. I've noticed how some of the Esri sample apps change based on screen size. I will go with that route.

Thanks,

Matt