Configure pop-ups

Overview

You will learn: how to style pop-ups to show information about layer in a web map.

The Map Viewer can easily style pop-ups for each layer. You can change fields, format data, add or remove information, or add charts, images or url links. These settings are stored with the saved map and is accessible by any clients' apps that reference the map.

In this tutorial you will style the pop-up to show the most relevant data fields and values when users click on features.

Steps

Explore data

1. Go to the LA Parks and Trails Map (styled) web map in ArcGIS Online.

2. Click Sign In and Save > Save As to copy the map.

3. On the map, click on the Trailheads, Trails and Parks and Open Space features and make note of the numerous fields available in the pop-up.

Configure pop-ups for layers

4. In Contents, click on Trailheads > More Options ... > Configure Pop-up and set the following:

   • Popup-Title: Trailheads
   • Configure Attributes:
     • Uncheck all of the fields (Hint: At the top, select and unselect the Display checkbox.)
     • Check the following and set the Field Alias:
       • {TRL_NAME} Name
       • {CITY_JUR} City
       • {X_STREET} Cross Street
       • {PARKING} Parking
       • {ELEV_FT} Elevation (ft)
     • Use the up and down arrows to re-order the fields.
   • Click OK
   • Click on some Trailheads features to view the styled pop-up.

5. Click on Trails > More Options ... > Configure Pop-up and set the following:

   • Popup-Title: Trails
   • Configure Attributes:
     • Uncheck all of the fields (Hint: At the top, select and unselect the Display checkbox.)
     • Check the following and set the Field Alias:
       • {LENGTH_MI} Length (miles)
       • {ELEV_GAIN} Elevation Gain (ft)
       • {USE_HIKE} Hike
       • {USE_BIKE} Bike
       • {USE_EQR} Equestrian
       • {USE_ATV} ATV
     • Use the up and down arrows to re-order the fields.
   • Click OK
   • Click on some Trails features to view the styled pop-up.

6. Click on Parks and Open Space > More Options ... > Configure Pop-up and set the following:

   • Popup-Title: {PARK_NAME}
   • Configure Attributes:
     • Uncheck all of the fields (Hint: At the top, select and unselect the Display checkbox.)
     • Check the following and set the Field Alias:
       • {AGENCY_NAME} Agency
       • {TYPE} Type
       • {ACCESS_TYP} Access
       • {GIS_ACRES} Acres
     • Use the up and down arrows to re-order the fields.
   • Click OK
   • Click on some Parks and Open Space features to view the styled pop-up.

7. Save your map.

Congratulations, you're done!

Once your pop-ups are configured, your web map should look something like this.

Challenge

Create custom content

This is {TRL_NAME} with {ELEV_GAIN} ft of climbing.

Add a media item to your pop-up