topic Re: Collapsible side description panel in bulleted map in Classic Esri Story Maps Questions

Collapsible side description panel in bulleted map

Arthurgov — Thu, 08 Jan 2015 14:39:43 GMT

In the Bulleted map, is there a way to modify the code to have a collapsible side panel similar to the Swipe map?

Re: Collapsible side description panel in bulleted map

GregoryL_Azou — Mon, 12 Jan 2015 16:29:17 GMT

Yes you could use something like to slide it out (considering that the panel is displayed on the left)

$("#descLegendPanel").animate({"margin-left": "-30%"});

And make it reappear using

$("#descLegendPanel").animate({"margin-left": "0%"});

Re: Collapsible side description panel in bulleted map

Arthurgov — Mon, 12 Jan 2015 19:22:10 GMT

Thank you Gregory. Where would I put this code?

Re: Collapsible side description panel in bulleted map

GregoryL_Azou — Mon, 12 Jan 2015 19:31:22 GMT

You are welcome.

Implementing a similar button that the one in the Swipe application require some Javascript and CSS knowledge.

This is just the code to make the panel move but to make it a fully functional button there is more much code required. You can find a developer guide on the GitHub repository to get started on customizing the application.

Good luck

Re: Collapsible side description panel in bulleted map

AndyHenry — Wed, 16 Sep 2015 14:13:50 GMT

Hello Gregory,

I would like to do the same thing (collapse main side panel) but I do not have any programming experience and was wondering if you would be able to email me a step by step process on how to do this? Can it be something has simply attaching the code?

Thanks,

Andy

Re: Collapsible side description panel in bulleted map

GregoryL_Azou — Wed, 16 Sep 2015 15:15:25 GMT

Hi Andy,

It's unfortunately not that simple as pasting the code somewhere, you would need to download and deploy the application on a web server, instructions at Esri/map-series-storytelling-template-js · GitHub and then add the code yourself. I am dedicated towards helping the community but I have never done it and can't take time to code it. Hope someone else in the community can share a similar enhancement with you.

Re: Collapsible side description panel in bulleted map

AndyHenry — Fri, 02 Oct 2015 16:38:59 GMT

Hi Gregory,

Thanks for the info. On a related note, when you download a story map template and customize it, are you able to arcgisonline so others are able to viewing (meaning, using it as a web server.) The reason I ask is, I know you can set you own PC as a web server, but it's nice to be able to publish it via arcgisonline and then sent the link to others so they are able to view it.

Thanks,

Andy

Re: Collapsible side description panel in bulleted map

GregoryL_Azou — Fri, 02 Oct 2015 18:27:19 GMT

Hi,

You are welcome.

Once you have customized the template it is not possible to upload it back to ArcGIS Online.

You have to host it on your own server or use a provider. There is not many options for free web site hosting but there is a lot of cheap one.

Re: Collapsible side description panel in bulleted map

AndyHenry — Fri, 02 Oct 2015 18:38:27 GMT

And as long as the server (which most or all do) has\have internet access it can be viewed from anywhere.?

Re: Collapsible side description panel in bulleted map

GregoryL_Azou — Fri, 02 Oct 2015 19:07:16 GMT

Yes absolutely!

Re: Collapsible side description panel in bulleted map

AndyHenry — Fri, 02 Oct 2015 19:19:15 GMT

Awesome! One last question, from a programming standpoint (which I’m not a programmer), I would assume changing the color of a tab or a side panel is fairly easy?

Re: Collapsible side description panel in bulleted map

GregoryL_Azou — Fri, 02 Oct 2015 21:11:57 GMT

Yes. Did you notice in the builder, in settings that you have a 'Theme' configuration?

That's a limited of choices of color but when you download the app, those colors changes can be configured through a configuration file. You would be edit the theme configuration.