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

[CONABIONC_for_Knowledge_and_Us]

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

[OwenGeo]

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=fc64e3596bbd4d3caf865da6d77c386...

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

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

Hope this helps!
Owen

[CONABIONC_for_Knowledge_and_Us]

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

[GregoryL_Azou · Accepted solution]

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