topic Re: Embedding a Story Map within a Story Map - delete double header in Classic Esri Story Maps Questions

Embedding a Story Map within a Story Map - delete double header

CONABIONC_for_Knowledge_and_Us — Fri, 29 May 2015 17:38:54 GMT

Dear all,

I have been playing around with the recently published option of embedding a Story Map within a Story Map: Embedding a Story Map within a Story Map | ArcGIS Blog

Concretely I combined two layouts of the Map Series template with the idea that the tabbed layout structures the main topics, while the side accordion displays subtopics within each tab - something like this: http://conabio.maps.arcgis.com/apps/MapSeries/index.html?appid=99281769ec23460b9d37e1eafe9d75f1

My question: Both the tabbed and the side accordion template use its own header, so actually two headers will show up in the application. I managed to solve the issue by setting the header size in the viewer-min.css for one template to 1px, but I wonder if there is a more elegant solution?

thank you & kind regards,

Flo

Re: Embedding a Story Map within a Story Map - delete double header

OwenGeo — Fri, 29 May 2015 17:54:05 GMT

Flo,

Yes, you can just add "&embed" to the URL of the embedded story map and that will remove the header. From the blog post you referenced:

The following link opens a Story Map Spyglass as normally configured:

http://story.maps.arcgis.com/apps/StorytellingSwipe/index.html?appid=fc64e3596bbd4d3caf865da6d77c386e

The following link opens a Story Map Spyglass using &embed to minimize the UI:

http://story.maps.arcgis.com/apps/StorytellingSwipe/index.html?appid=fc64e3596bbd4d3caf865da6d77c386e&embed

Hope this helps!
Owen

Re: Embedding a Story Map within a Story Map - delete double header

CONABIONC_for_Knowledge_and_Us — Fri, 29 May 2015 17:57:37 GMT

Hi Owen,

as I host the side-accordion map on our own server, &embed doesn´t seem to work. Are there other options?

cheers,

Flo

Re: Embedding a Story Map within a Story Map - delete double header

GregoryL_Azou — Mon, 01 Jun 2015 20:44:09 GMT

Hi,

Map Series doesn't yet support the &embed option (you can try it and you will see that the header will still be there). When we will add that it will be available both for online and when deployed on your own server.

In the meantime, the way you did it is way to go, exept that you should never modify viewer-min.css and instead add your css customization in index.html, see Esri/map-series-storytelling-template-js · GitHub