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; } } }

Story map displays fine in FireFox but not in Chrome or IE

LaurenYee

Hey there,

I'm hoping someone can shed some light on this. I'm a GIS nerd and science geek but amateur at best with HTML/CSS.

I've designed our organization's story map and we want to host it externally. I've edited a few properties and used firebug plugin on mozilla to help me out with this (WHAT A GOD SEND!).

It looks great in mozilla but when I test with chrome or other browsers everything is displaced. It seems like when I view in chrome I am instead getting the mobile site version.

Can anyone help me out with this?
Here is the website:
http://mapamherstburg.ca/walkingtour/index.html

(Note: not sure if the pictures will show up externally quite yet)

Find more posts tagged with

Accepted answers

LaurenYee

I ended up solving this by starting over fresh in a separate directory, and using firebug to identify changes to the css I already made in the other directory. With each change, loaded and refreshed a page in IE, chrome and firefox. There are a few CSS and HTML elements that are not allowed in IE or Chrome which caused some discrepancies. Once I realized what the specific elements of CSS and HTML I was able to troubleshoot.

I also didn't touch the min.css files and instead all my css changes in the designated spot on the index.html.

All comments

RupertEssinger

That URL isn't valid. Doesn't work.

LaurenYee

That URL isn't valid. Doesn't work.

Strange. Try now.

KateBuss

I'm having a similar issue. Although my site works fine in Chrome and Firefox, but in IE10 I get "An error has occurred
Fatal error: Failed to get portal configuration".

http://gis.bergmannpc.com/awards_tour/

I'm using the most recent version of the 'Storytelling Map Tour - 2.2.3.

Kate

LaurenYee

I'm having a similar issue. Although my site works fine in Chrome and Firefox, but in IE10 I get "An error has occurred
Fatal error: Failed to get portal configuration".

http://gis.bergmannpc.com/awards_tour/

I'm using the most recent version of the 'Storytelling Map Tour - 2.2.3.

Kate

I am not having that issue. They all display on each browser, just different layout. See attached screenshots.
[ATTACH=CONFIG]34843[/ATTACH][ATTACH=CONFIG]34844[/ATTACH][ATTACH=CONFIG]34845[/ATTACH]

IE.jpg

chrome.jpg

mozilla.jpg

KateBuss

I am not having that issue. They all display on each browser, just different layout. See attached screenshots.
[ATTACH=CONFIG]34843[/ATTACH][ATTACH=CONFIG]34844[/ATTACH][ATTACH=CONFIG]34845[/ATTACH]

Yeel, When I hit your site from IE10 I get the same "Fatal error: Failed to get portal configuration". See screenshot. What version of IE are you using?

IE10.png

RupertEssinger

KPS4 > Your map tour works fine for me in IE 11 and other browsers: http://gis.bergmannpc.com/awards_tour/ and I don't get the message you saw (although it might be intermittent or based on some condition that I'm not experiencing). When you see that Portal Config message, does it work if you ignore the message and just press Refresh?

(Note that the pic for place 5 isn't appearing:
http://bit.ly/1pKhGNf )

RupertEssinger

Yeel> Your URL is working now http://mapamherstburg.ca/walkingtour/index.html but your customization is definitely causing odd things to happen. (None of your images are displaying, but that's a separate issue). Perhaps start those customizations over again.

LaurenYee

Yeel, When I hit your site from IE10 I get the same "Fatal error: Failed to get portal configuration". See screenshot. What version of IE are you using?

Kate, would you mind creating a separate topic on your own regarding this? I fear troubleshooting IE here will take away the focus from my original question. Thanks.

KateBuss

KPS4 > Your map tour works fine for me in IE 11 and other browsers: http://gis.bergmannpc.com/awards_tour/ and I don't get the message you saw (although it might be intermittent or based on some condition that I'm not experiencing). When you see that Portal Config message, does it work if you ignore the message and just press Refresh?

(Note that the pic for place 5 isn't appearing:
http://bit.ly/1pKhGNf )

The message is just an image that appears - so there is no way to ignore it per say that I see. I tried refreshing but I just get the same message. And yeah we don't have that image yet for place 5 - still waiting on it.

RupertEssinger

Hi KPS4
I checked the web map you use in your story map to see if the data is shared correctly and that works OK for me
http://www.arcgis.com/home/webmap/viewer.html?webmap=2f6a34e2eb234203836d8079805bdb63
so I'm not sure yet why you are getting that message. Sorry about the problem.

LaurenYee

RupertEssinger

Congrats. Your customized map tour is working and looking great now:

http://mapamherstburg.ca/walkingtour/index.html

So pleased it all worked out and hope you get some good feedback from users.

AlexanderBaker

http://wpbgis.maps.arcgis.com/apps/MapTour/index.html?appid=cc3d8218836a4f9cbb51652f2094547a&webmap=989d4492c07b466ab050…

This works perfect on IE11 & Firefox, does not work on Google Chrome though...

Can anyone at ESRI tell me why this is? I built the application straight from ArcOnline... Everything is hosted so I was unable to change anything directly to the config file or html index, I'm confused why it does not work on Chrome.

Please let me know, if you have a solution to this.

Thanks!

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

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