topic Re: add "dijit.form.ComboBox"? to map-series template in Classic Esri Story Maps Questions

add "dijit.form.ComboBox"? to map-series template

CONABIONC_for_Knowledge_and_Us — Tue, 25 Aug 2015 22:23:22 GMT

Dear all,

We integrated a search function into a story map based on the "old" side-accordion template: http://speck.conabio.gob.mx/cruzada/COL/2.PoblacionIndigena/index.html

As we plan to update our map to the recently published version of the side-accordion, i.e. the map-series template, we wonder where to integrate the code of our search function. It is part of the core.js in the "old" side-accordion template.

Concretely my question would be, how to integrate a "dijit.form.ComboBox"?

Thank you & best regards,

Flo

Re: add "dijit.form.ComboBox"? to map-series template

GregoryL_Azou — Mon, 31 Aug 2015 17:58:49 GMT

Hi,

It should not be too hard to port that enhancement to Map Series. The most simple for you would be to add the code to index.html. We have a full guide on GitHub Esri/map-series-storytelling-template-js · GitHub

You will want to download the user version of the application, edit index.html at this line map-series-storytelling-template-js/index.html at master · Esri/map-series-storytelling-template-js · GitHub

you will need to require the combox that way

require(["dijit/form/ComboBox"], function(ComboBox){

// Place your code here

});

Re: add "dijit.form.ComboBox"? to map-series template

CONABIONC_for_Knowledge_and_Us — Mon, 31 Aug 2015 20:12:38 GMT

Thank you, Gregory - we 'll give it a try.

Re: add "dijit.form.ComboBox"? to map-series template

CONABIONC_for_Knowledge_and_Us — Tue, 08 Sep 2015 22:59:18 GMT

Hi Gregory, we successfully integretated a ComboBox into the interface. However, we aren´t sure how to read/access the ID of each map displayed, since the "new" template uses one web-app ID instead of several web-map IDs?

cheers,

Flo

Re: add "dijit.form.ComboBox"? to map-series template

GregoryL_Azou — Tue, 08 Sep 2015 23:28:19 GMT

Hey,

Glad to hear! The map ids are printed in the developer console when the map is loaded. You can also call app.data.getWebmaps() and it will return an array with all the webmap ids used in the story.