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

Cover page on Shortlist Story Map

deleted-user-OlpHy1NoMNug

Anyone know how to setup a cover page for the Shortlist Story Map similar to the one here, Carte des sportifs français - Jeux Olympiques d'été 2016 , or anyone from ESRI want give access to the full code? It appears to mostly be using the stock template so I'm hoping it could be done fairly easily.

Unfortunately my developer skills stop short of knowing fully what's happening but I'm well versed in following directions .

Scott

Najděte více příspěvků označených jako

Accepted answers

MarkCooney

Hi Scott,

Looks like this was a customization of an older version of Shortlist (version 1.4.9). You can view the code of the app by inspecting the files using your browsers developer tools. If you are looking to implement in the current Shortlist, the code can be found on our GitHub repo: GitHub - Esri/storymap-shortlist: The Shortlist story map application template by Esri . The cover page should not be too difficult to implement. You would simply need to modify the index.html file with the HTML markup you would like to use for the cover page. Then you would need to add some JavaScript to handle the click event to animate the cover page away, and that would be placed in the custom-scripts.js file.

Mark

All comments

MarkCooney

Hi Scott,

Mark

deleted-user-OlpHy1NoMNug

Mark,

Getting back around to this project and I think I can handle the HTML markup but I haven't found a sample of some JS to handle the click event. Can you recommend anything?

MarkCooney

Something like this should do the trick: http://api.jquery.com/fadeout/

Připojte se ke konverzaci

Přihlášení členové mohou přispívat, sledovat aktualizace a další. Jste tu noví? Zaregistrujte si bezplatný účet.

Rychlé odkazy

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