nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Adding a webpage as a New Tab corrupts the Story Map

AndrewHansford

Hi There,

I created a new public Story Map of our Civil Defence (Emergency Management) information using the tabbed style. During the event I was requested to add power outages, I found a website that had this information (Home - Powerco ), unfortunately they didnt have consumable web services so I thought I would add the web page as a new tab.

When I added the new tab with the link (above) and saved the Story Map. I went to test it and it would go to the StoryMap but then would load the webpage (link above) without actually opening the webpage. When i went to edit the page it did exactly the same thing.

The only way I could fix the problem was to delete the story map and rebuild a new story map. Has anyone experienced this before?

Cheers Andrew

Vind meer berichten getagd met

Accepted answers

AlisonSizer

As Rupert suspected, I can reproduce this by trying to embed that website in an iframe on an otherwise blank webpage. When I load the webpage, it immediately redirects my browser to the powerco site.

Below is the address of the actual page that's embedded in http://www.powerco.co.nz/power-cuts in its own iframe. You should be able to embed it with more success:

http://ec2-52-64-145-153.ap-southeast-2.compute.amazonaws.com/Outagesandfaults/

(unselect the https option when you add this, as this site does not work over https)

Alison

All comments

RupertEssinger

Could you share a link to your story map (if it is public). I'm not really clear on what the issue is you are seeing.

Rupert

AndrewHansford

Hi Rupert,

The best way is to try an explain this in steps.

Created a New Story Map using the Tabbed style
After Adding Several Tabs I was asked to add a Power Outage Map
- rather than trying to host a layer i wanted to consume an existing layer when I found this website Home - Powerco
- I saw that they were using ESRI and was hoping to be able to consume their web services in to a Web Map, but there services were not available.
- So to get around this I went and add another Tab to the story map by selecting add
- - I chose Web Page as the content
  - I entered the Address from above and clicked Configure
  - I then selected Fill and clicked Add
- I then proceeded to save the Story Map to test it.
- When i went to load the story map it was loading perfectly normal then proceed to load the Power Co website not the Story Map.
It was acting like a redirect had been put in place and because i could role it back or even edit the story map to remove the tab I had to start from Scratch.

Hope this explains it

Cheers

Andrew

RupertEssinger

Thanks Andrew. I can reproduce that too. I've not seen that particular behavior with a web page embedded in a Story Map before, but I think something about that site you are trying to embed in the Story Map doesn't lend itself to being embedded. It seems to return itself in a new browser tab when embedded. If I look at the HTML code for that page there's a full screen frame that I think causes that. I think you will find the same behavior if you try and embed that site in a standard frame in a web page. The Story Map is not getting corrupted in any way. Story Maps don't do anything special with web content you embed: they just try and display it in the available space the same way that content would be displayed if embedded in a standard web page. Some websites restrict embedding but I don't think this is a case of that. Either way, if an embedded web page or web content doesn't work, you could just include a link to it in the narrative text in your story map that opens it in a separate web browser tab. Perhaps that organization makes their data available in a form you could add to an ArcGIS Online web map?

Rupert

AlisonSizer

As Rupert suspected, I can reproduce this by trying to embed that website in an iframe on an otherwise blank webpage. When I load the webpage, it immediately redirects my browser to the powerco site.

Below is the address of the actual page that's embedded in http://www.powerco.co.nz/power-cuts in its own iframe. You should be able to embed it with more success:

http://ec2-52-64-145-153.ap-southeast-2.compute.amazonaws.com/Outagesandfaults/

(unselect the https option when you add this, as this site does not work over https)

Alison

Doe mee aan het gesprek

Aangemelde leden kunnen berichten plaatsen, updates volgen en meer. Nieuw hier? Registreer een gratis account.

Inloggen
Registreren

Snelle Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.