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

Spain in Books Story Map customized template

AitorCalero_García

Hello all, we would like to share with the community our customized version of an story map template. The look & feel and some behaviours were customized to better match the objetive of the site. To show the best of Spain and to also offer useful books related to each site.

You can visit it at: http://www.spaininbooks.com

[ATTACH=CONFIG]28713[/ATTACH]

Comments are more than welcome.

ScreenClip [1].jpg

3z7a8236.jpg

Find more posts tagged with

Accepted answers

All comments

BernSzukalski

Thanks for sharing this great story map. Your customizations are very nice and effective. We'll add it to the gallery, but we'd like to make sure that you've added the story map as an item, documented it well, and used the appropriate tags. This blog post covers the tags and other details to consider:
http://blogs.esri.com/esri/arcgis/2013/10/04/best-practices-story-maps/

- bern

SethDixon1

That's a fantastic map...I've been thinking about which template to use for a cemetery project that I'm working on and this (coupled with Joseph Kerski's Brugge map) sold me on the shortlist template. I created a StoryMap useing the Map Tour template for the cemetery, but I don't think that it's as interactive as I'd like it to be. I'll try to follow in some big footsteps.

RupertEssinger

Hi Seth
Sounds good! The Spain In Books map includes a lot of customization. But if you are interested in customizing your shortlist map you can also do some simpler tweaks. Here's a handy blog post about that:

http://blogs.esri.com/esri/esri-insider/2013/10/30/creating-and-customizing-a-story-map-from-a-non-giser/

BenNoeske

Hello,

Thank you for sharing your Spain in Books story map. I found it interesting because I am also working on a shortlist story map that skips the intermediate popup and goes straight to displaying the full Details panel. A drawback of this approach is that when a user clicks on one of the photo tiles on the left side of the page the Details panel appears (and then disappears when the user closes it), but there is no easy way to pinpoint the location of that site on the map.

The solution I came up with was to edit the tile_onMouseOver function so that when the user moves the mouse over a photo tile, then the corresponding numbered icon on the map is enlarged and is brought to the front (and of course the tile_onMouseOut function restores the numbered icon back to tiny size). The code to do this is already present elsewhere in index.html - it's just a matter of copying it into these functions.

Ben

RupertEssinger

Your Shortlist sounds interesting. When you are ready to go public with it, could you post a link here and also add a 'web mapping application' entry into ArcGIS Online to represent it (add 'shortlist' and 'story map' into the tags so it shows up in this query: http://www.arcgis.com/home/search.html?q=Shortlist&t=content&focus=applications&sortField=modified&sortOrder=desc )

JulieWallingford

Your app looks great! I am customizing a Shortlist story map as well and wondered how you made the search box.

AitorCalero_García

Your app looks great! I am customizing a Shortlist story map as well and wondered how you made the search box.

Hi, I've just used a javascript sample, the code is this

<div id="search" title="¡Busca cualquier lugar aquí!"></div>

// create the geocoder
    geocoder = new esri.dijit.Geocoder({
        autoComplete : true,
        maxLocations : 5,
        localSearchOptions : {
            minScale : 3,
            distance : 4000
        },
        map : _map
    }, "search");
    geocoder.startup();

BTW, the current & temporal URL for the app is http://geobooksonline.bitnamiapp.com/app/index.html

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.