Story Map HMTL bootstrap Tabs

Question

Hi everyone, I am trying to create a list of tabs in a story map page very similar to this link: https://www.w3schools.com/bootstrap/tryit.asp?filename=trybs_tabs_dynamic&stacked=h For some reason the * Menu 3 lines become after saving the project * Menu 3 which opens a new tab when the user clicks a tab. Is there a workaround this?

JosephYang · Answer

I see. Story Map actions are a priority so I guess the closest solution would be to list everything in order on the page instead of tabs.

Thank you Owen

OEvans · Answer

I don't believe it's compatible with standard browser web security policies for content within an iframe to communicate with the parent page in that way. There might be a way to trigger a story action by implementing some cross-frame messaging via a postMessage API, but that's beyond my expertise. You'd have to work with a developer who has a deep understanding of security.

JosephYang · Answer

Thanks Owen, yes I am using the Map Journal on Enterprise.

I have tried using <iframe> to emded my html and the content is tabbed except is there a way to initiate map story actions through the embed htmls?

Eg. I have a text in one of the tabs with a specific action

<a data-storymaps="MJ-ACTION-1651162466736" data-storymaps-type="media" href="#"