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

3628
3
Jump to solution
05-29-2015 10:38 AM
CONABIONC_for_Knowledge_and_Us
Occasional Contributor

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

Tags (2)
0 Kudos
1 Solution

Accepted Solutions
GregoryL_Azou
Regular Contributor II

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 

View solution in original post

3 Replies
OwenGeo
Esri Frequent Contributor

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

Owen Evans
Lead Product Engineer | StoryMaps
CONABIONC_for_Knowledge_and_Us
Occasional Contributor

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

0 Kudos
GregoryL_Azou
Regular Contributor II

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