topic Re: Collapsing a DIV, then Reopen it? in ArcGIS JavaScript Maps SDK Questions

Collapsing a DIV, then Reopen it?

IanPeebles — Thu, 29 Oct 2015 20:48:34 GMT

Hello Everyone! I was wondering if anyone has developed an application where you have a DIV that contains a legend, then you have an arrow or button that collapses it within an application?

If so, how can this be done?

Example:

The result would be more map space:

Any suggestions? This will be the first time trying this out. Thank you.

Re: Collapsing a DIV, then Reopen it?

RickeyFight — Thu, 29 Oct 2015 20:51:54 GMT

Ian,

Like this:

City of Ashland Cemetery

Re: Collapsing a DIV, then Reopen it?

TracySchloss — Thu, 29 Oct 2015 21:06:22 GMT

I've been looking into bootstrap styling. This isn't setup as a tool, it's more checking the size of the screen and responding by collapsing the sidebar when the window is too small. I have an 'everything must work on mobile' mandate.

I started with this:

Citizen Request

Re: Collapsing a DIV, then Reopen it?

MichaelJenkins — Thu, 29 Oct 2015 23:28:58 GMT

Nice find Tracy Schloss! Nice work Tom Wayson.

Re: Collapsing a DIV, then Reopen it?

TracySchloss — Fri, 30 Oct 2015 13:35:31 GMT

Bootstrapmap is on ESRI's gitHub, Bootstrap-map by itself only gets you part of the way, because the examples deal largely with just the map itself and not much on a complete interface.

I've had several instances where I've replaced Map with BootstrapMap, largely because it does a better job of resizing itself automatically, and you don't have to code listeners for that circumstance. It might be the part of a solution for you, Ian, since once the sidebar is collapsed, you'll need the map to resize to fill out the frame.

I also got ideas from:

http://odoe.net/blog/dojo-bootstrap-with-arcgis-javascript-api/

Dojo Bootstrap Map

Using Bootstrap Map? You Might Not Need jQuery… | Tom Wayson

Esri/responsive-map-js · GitHub