geodev-hackerlabs

Create a Web AppBuilder Application

You can use the Web AppBuilder for ArcGIS to build an HTML, CSS, JS app that will run on any device. All apps are developed on top of an existing web map and are shared out as a web application.

In this lab, you will build a simple WAB 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 > Web AppBuilder.

  3. Set the following properties:

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

Click Get Started

  1. Explore the different themes and pick Foldable Theme.

  2. In Theme set the Style > Orange.

  3. In Theme try a different Layout.

  4. In Map zoom in and select Use Current Map View.

  5. Click Widget

Click Ok.

  1. Click Attribute and change the subtitle to Demographics of Neighbourhoods.

  2. Click Save.

  3. Click Previews to view the application at different screen sizes.

  4. Click Launch to test the application.

Your app should look something like this.

Bonus