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

Change Shortlist (beta) Storymap to display main photo on mobile

AndrewYao1

Hi,

Is it possible for the mobile version of shortlist to show the main (pic_url) photo instead of the thumbnail when a point is clicked? I have a different image for pic_url and thumb_url, but the mobile version only shows the thumb_url image.

Thanks

Find more posts tagged with

Accepted answers

MarkCooney

Make sure you are working with the source code and not the minified code. When you are done with your customizations, be sure to use the build to produce the minified/production code (GitHub - Esri/storymap-shortlist: The Shortlist story map application template by Esri )

All comments

RupertEssinger

Hi Andrew, Currently Shortlist is hardwired to just display the thumbnail in the small display/mobile view to work around a performance issue we were encountering on iOS. Your post reminds us though to revisit that to see if we still need to apply that restriction.

Rupert

AndrewYao1

Hi Rupert,

Thanks for the reply. Is there a way to modify this in the javascripts?

Andrew

MarkCooney

HI Andrew,

Yes, it is possible if you are able to download, customize, and host the app yourself. The changes needed can be found on lines 275 and 469 (storymap-shortlist/DetailPanel.js at master · Esri/storymap-shortlist · GitHub ).

Mark

AndrewYao1

Great! Do I have add a line to the index.html file to load the DetailPanel.js?

MarkCooney

The DetailPanel.js should already be loading in the app, just make sure to include all of the appropriate folders/files

AndrewYao1

Hi Mark,

I don't see a DetailPanel.js file in the downloadable shortlist 2.6.0 template. Do I have to create one based on the file I find in GitHUb? If so, do I place that file in the app folder or do I need to create additional folders?

Thanks!

MarkCooney

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.