topic Getting rid of the 'edit' button when self-hosting a story map in Classic Esri Story Maps Questions

Getting rid of the 'edit' button when self-hosting a story map

HelenCooper — Thu, 01 Apr 2021 08:54:20 GMT

Hi all,

I'm self-hosting a story map (classic template) for the first time.

It's been great to be able to edit the styles, etc. however, I'm stuck on one thing: I'd like to get the 'edit' button that appears on the top right of the story map to disappear, like it does when they're hosted via AGOL and you're not logged in. Is there any way I can do this? (screen shot below, and the URL to my story map is here: https://www.mapitout.co.uk/CDS/index.html?appid=0e5b0f8a85d1459395993cbcce7d0e20# )

Thanks in advance for any help or suggestions for this.

Helen

Re: Getting rid of the 'edit' button when self-hosting a story map

bsneller_esrinederland — Thu, 01 Apr 2021 11:15:47 GMT

leave out the organisation part of the url: https://www.arcgis.com/apps/MapSeries/index.html?appid=0e5b0f8a85d1459395993cbcce7d0e20

Re: Getting rid of the 'edit' button when self-hosting a story map

HelenCooper — Thu, 01 Apr 2021 13:06:52 GMT

Thanks, but then it doesn't include the style changes I've made (e.g. to the header and the colour of the tabs).

Re: Getting rid of the 'edit' button when self-hosting a story map

RickeyFight — Thu, 01 Apr 2021 14:21:04 GMT

@HelenCooper

one option is to go to your index

and add

style="display: none;"

for some reason it getting the

style="display: inline-block;"

which keeps the edit option in the webapp

Re: Getting rid of the 'edit' button when self-hosting a story map

HelenCooper — Thu, 01 Apr 2021 15:17:25 GMT

Thanks @RickeyFight . Where would I add that? I've tried replacing the style tag here (see snippet and screen shot below), but that didn't seem to work?

/* CUSTOM CSS RULES */
</style>

<div id="builderPanel" class="hide mainViewAboveMap"></div>

Re: Getting rid of the 'edit' button when self-hosting a story map

RickeyFight — Thu, 01 Apr 2021 15:28:53 GMT

@HelenCooper In your index.html

I think line 110. Look for a button that class has switchBuilder in it

Re: Getting rid of the 'edit' button when self-hosting a story map

HelenCooper — Thu, 01 Apr 2021 15:42:59 GMT

Thanks for helping so much with this @RickeyFight . I've updated the code to:

but that doesn't seem to work. When I load the page I now see a /* CUSTOM CSS RULES */ text at the top.

Sorry if I'm missing something obvious, does the style code go elsewhere around the button?

Re: Getting rid of the 'edit' button when self-hosting a story map

RickeyFight — Thu, 01 Apr 2021 15:56:48 GMT

@HelenCooper

Did you go back and change this part back

/* CUSTOM CSS RULES */
</style>

<div id="builderPanel" class="hide mainViewAboveMap"></div>

Re: Getting rid of the 'edit' button when self-hosting a story map

HelenCooper — Thu, 01 Apr 2021 16:24:08 GMT

@RickeyFight Nope (facepalm), I've done that now, and it's sorted the CUSTOM CSS RULES text that I was seeing, but I'm also still seeing the edit button.

Have I got this line correct?

Re: Getting rid of the 'edit' button when self-hosting a story map

RickeyFight — Thu, 01 Apr 2021 17:02:03 GMT

@HelenCooper

I thought that would work. Try:

Re: Getting rid of the 'edit' button when self-hosting a story map

HelenCooper — Thu, 01 Apr 2021 17:30:01 GMT

@RickeyFight it's a persistent little button!! I've tried that and it's still there!

Re: Getting rid of the 'edit' button when self-hosting a story map

RickeyFight — Thu, 01 Apr 2021 17:47:16 GMT

@HelenCooper

Another Idea. Where did you download this story map at?

https://community.esri.com/t5/classic-esri-story-maps/application-id-in-the-index-html-file-is-ignored/m-p/512952

Look at @OwenGeo answer. maybe you downloaded it wrong

Re: Getting rid of the 'edit' button when self-hosting a story map

HelenCooper — Thu, 01 Apr 2021 17:50:55 GMT

@RickeyFight ah ok, I downloaded it from https://github.com/Esri/storymap-series . I will have a detailed read through the thread and see if I can work out what's happening. Thank you so much for your help, I'll report back!

Re: Getting rid of the 'edit' button when self-hosting a story map

HelenCooper — Fri, 02 Apr 2021 07:31:59 GMT

@RickeyFight thanks so much for your help - I re-downloaded the source code from the link, rather than directly from the repository, and that has resolved it. Now back to editing styles!