geodev-hackerlabs

Create a Configurable App

You can use any of the Configurable Apps to build differnt types of focused HTML, CSS, JS apps. All apps are developed on top of an existing web map and are shared out as a web application. By default, these apps are stored and hosted in ArcGIS Online, but you can also download all of the code locally and host and customize them yourself.

In this lab, you will build a simple Template app.

1. Click this map to open the map in the Map Viewer. If you have your own map, you can try to use that too.

2. Click Share > Create a Web App > Configurable Apps.

3. Search for the Public Information template and select Create Web App.

4. set the following properties:

 Title: 2015 Portland Population Density
 Tags: Portland, Map, Population, Density,Configurable App
 Summary: Portland population map built with the Public Information Configurable App

Click Done to launch the configuration page.

1. Change the following properties:

 Choose Swipe Layer: Neighborhoods
 Details: 
  Application Title: 2015 Portland Population Density
  Application Summary: 2015 Portland Population Density
 Configuration Options:
  Uncheck Enable Basemap Toggle
 Splash Screen: 
  Check Enable Dialog Modal
  Dialog Title: 2015 Portland Population Density Map
  Dialog Content: Welcome to Portland! Explore neighborhoods and where people live.
 Twitter Options
  Check Enable Twitter Layer
  Search Keyword: train
 Webcams.travel Options
  Check Enable Webcams Layer
 NOTE: Disable other layers
 Search Settings:
  Enable the Neighborhoods layer
  Edit the Neighborhoods layer
  Name: Neighborhoods
  Check Enable Suggestions
  Display Field: Name
  Search Fields: Name
  Click save

Click Save and View > Close.

1. Click View Application to test-drive your app.

Your app should look something like this.

Bonus

• Go back to the app and try to change and save some of the configuration settings.
• View the JSON for the web app by using the REST API to access the item in your account. Try formatting the JSON with try this JSON Editor tool.

 https://www.arcgis.com/sharing/rest/content/items/09ed800aca42450c89278c3c6a3815dc/data

NOTE: Replace the item ID above with yours.

• Get the source code for the public information configurable app here.