Configure pop-ups (Map Viewer)

Note:

Some functionality is not yet supported in the new Map Viewer (formerly known as Map Viewer Beta). See the compatibility guide for more information, and use Map Viewer Classic (formerly known as Map Viewer) as needed for unsupported workflows.

A map can show descriptive information about imagery and features configured to display in a pop-up. Pop-ups can bring focus to the attributes associated with each layer in the map, such as hiking trails, land use types, or unemployment rates. They can contain attachments, images, charts, and text, and they can link to external web pages.

Tip:

For point layers with clustering enabled, you can also configure pop-ups for clusters.

In Map Viewer (formerly known as Map Viewer Beta), the default pop-up appearance for a feature layer is a list of fields and values. As a map owner, you can reconfigure the pop-ups to define the list of visible and hidden fields, and define how the information is presented. You can also add content to provide more meaning to the pop-up. For example, you can show a list of fields or provide an interactive experience using custom-formatted text and images.

Note:

The default pop-up appearance for an imagery layer is the pixel values. Configuring pop-ups for imagery layers is not yet supported in Map Viewer.

Configuration options

As a map author, the main decisions you'll make about pop-ups are what information is displayed and the best way to present it. For example, to show the public where they can swim, fish, and boat along the Mississippi Gulf Coast, you can configure pop-ups to show the address, type of access, and images of public access points. Even though the layer may have other fields regarding the location and type of point, you may not want to show them in the pop-up, as the public won't be interested and they detract from the more relevant information.

Depending on what you are trying to show in pop-ups for the feature layer, you can choose from a variety of configuration options. Some of these configurations are illustrated in this map of California peaks. On the Contents (dark) toolbar, click the Layers pane and turn on one layer at a time to compare the configurations by clicking features on the map.

Enable and remove pop-ups

Layers can contain a large amount of feature data, and maps can include several layers, so pop-ups generally look better if you configure them with selected fields, formatting, media, and so on. Pop-ups are enabled on feature layers by default.

To remove pop-ups from a layer, complete the following steps:

  1. Verify that you are signed in and, if you want to save your changes, that you have privileges to create content.
  2. In Map Viewer, open the map containing the layer or add the layer directly.
  3. On the Contents (dark) toolbar, click Layers Layers to open the Layers pane, and select the layer that contains the feature data you want to show in a pop-up.
  4. On the Settings (light) toolbar, click Configure pop-ups Configure pop-ups, and turn off the Enable pop-ups toggle button.
  5. To enable pop-ups from a layer with pop-ups turned off, turn on the Enable pop-ups toggle button.

Configure pop-ups

To configure pop-ups, complete the following steps:

  1. Verify that you are signed in and, if you want to save your changes, that you have privileges to create content.
  2. In Map Viewer, open the map containing the layer or add the layer directly.
  3. On the Contents (dark) toolbar, click Layers Layers to open the Layers pane, and select the layer that contains the feature data you want to show in a pop-up.
  4. On the Settings (light) toolbar, click Configure pop-ups Configure pop-ups.
  5. Click Title and enter a title for the pop-up.
    1. Click Add field Add field and select fields from the data.
      Note:

      To display information derived from an ArcGIS Arcade expression in the pop-up title, add a new expression. The new expression appears in the list of fields.

    2. Optionally, enter static text instead of or in addition to the field values.

    For example, you want the title to show population by county. You can configure the title with a combination of static text and field values, such as typing Population for; inserting the data's field value of county names {Cnty_name}; typing the equal sign =; and inserting another field value that shows population, {pop2010}. This configures the title as follows:

    Population for {Cnty_name} = {pop2010}

    This provides a title in which the field values are substituted into the title, for example, Population for Clark County = 453099.

  6. Click Fields list.
  7. Enter a title for the list of fields shown in the pop-up.
    1. Click Add field Add field and select a field value or expression from the data. Use this option if you want a unique title for each feature in the data.
    2. Optionally, enter static text instead of or in addition to the field value.
    3. Leave the field blank if you don't want a title for the fields list.
  8. Enter a description for the list of fields.
    1. Click Add field Add field and select a field or expression from the data. Use this option if you want a unique description for each feature in the data.
    2. Optionally, enter static text instead of or in addition to the field values.
    3. Leave the field blank if you don't want a field description.
  9. Rearrange and remove fields, and click Select fields to add fields to the list.

    You can configure the fields to better display the field names and values.

  10. If the feature layer includes attachments, they are automatically added to the pop-up under attachments. Attachments are supported as a related table to a feature class in a feature service.
  11. Optionally, click Add content and add media such as images, charts, or text to the pop-up.
  12. Optionally, use the Reorder Reorder handles to change the order in which the content appears.
  13. On the Contents toolbar, click Save and open Save and open and click Save to save the pop-up changes to the map.

Configure fields

You can configure the field or fields you want to display by changing the display name and formatting the display properties.

  1. On the Settings (light) toolbar, click Configure fields Configure fields.
  2. Select the field you want to configure.

    Tip:
    You can select multiple fields of the same type to configure their formatting at the same time.

    1. Change the display name of the field.
    2. For number fields (such as population), select the number of decimal places to display and whether to use a thousands separator.
    3. For date fields, select a date format from the Date format drop-down menu. To display both date and time for date fields, turn on the Show time toggle button and select a format for displaying time.
  3. Click Done.

Use expressions

You can use custom expressions written in the Arcade expression language when configuring pop-ups. Using expressions allows you to create and display new information from existing fields in the layer. For example, you can create an expression that converts values from feet to meters, or dynamically create a URL based on feature attributes. If an expression is available for the layer—for example, for labeling or styling—you can copy and reuse it in your pop-up configuration.

You can create expressions in pop-ups or use existing expressions created for the layer.

  1. Follow the first four steps in the Configure pop-ups section to open the Configure pop-ups pane for the layer you want to configure.
  2. Click Manage expressions.

    The Pop-up expressions pane appears.

  3. Click Add expression to open the editor window and create the expression.

    Tip:

    If you need help with any of the Arcade functions, click the Information button next to the function to see reference information about it.

  4. In the editor, click OK when you're finished.

    Tip:
    Give the Arcade expression a title that makes it easily identifiable in the list of fields.

    The new expression is added to the Pop-up expressions list. To edit it, select it from the list and make changes in the editor. To remove it, click Remove expression Remove next to it.

    If you used a list of field attributes in the pop-ups, the new expression is added to the Fields list, and you can change its formatting in the Configure fields pane.

  5. On the Contents (dark) toolbar, click Save and open Save and open and click Save to save the pop-up changes to the map.

Add attachments

When a feature layer includes attachments in its data, the attachments are added to the layer's pop-up. Attachments are added as a gallery to the pop-up by default. Clicking attachments in a pop-up opens the attachment in a new browser tab. You can show the attachments as a list, or remove attachments from the pop-up.

  1. Follow the first four steps in the Configure pop-ups section to open the Configure pop-ups pane for the layer you want to configure.
  2. Click Attachments.
  3. Enter a title for the attachment.
    1. Click Add field Add field and select a field value or expression from the data. Use this option if you want a unique title for each feature in the data.
    2. Optionally, enter static text instead of or in addition to the field value.
    3. Leave the field blank if you don't want a title.
  4. Enter a description for the attachment.
    1. Click Add field Add field and select a field or expression from the data. Use this option if you want a unique description for each feature in the data.
    2. Optionally, enter static text instead of or in addition to the field values.
    3. Leave the field blank if you don't want a description.
  5. Optionally, turn on the Show as list toggle button to show the attachments in a list.
  6. Optionally, click Options Options and click Delete to remove attachments from the pop-up.
  7. On the Contents (dark) toolbar, click Save and open Save and open and click Save to save the pop-up changes to the map.

Add images

You can include images in pop-ups by providing a URL to an image (PNG, JPEG, or GIF). The images can include a title, caption, links to related websites, and alternative text.

Tip:

For the best display, create images that are 200 pixels wide by 150 pixels high. If your image is smaller than 200x150, a white border is visible in the window. If the image is larger, the web browser automatically rescales the image to 200x150 and it may appear warped.

When adding images to pop-ups, you can set a refresh interval. This allows the pop-up to refresh and display a frequently updated image at a specific interval (in minutes). For example, you can use this option to refresh images captured by a traffic camera.

  1. Follow the first four steps in the Configure pop-ups section to open the Configure pop-ups pane for the layer you want to configure.
  2. Click Add content and choose Image.
  3. Provide the URL to the image.
    1. Click Add field Add field and select a field or expression from the data. Use this option if you want a unique image for each feature in the data.
    2. Optionally, provide the URL to an image stored on an external website, in ArcGIS Online, or as an attachment in the layer's data. PNG, JPEG, and GIF formats are supported. If the image is stored as an item in ArcGIS Online, you must provide the URL copied from the URL field on the item page, which is only available if the image item is shared with the public.
  4. Click Options to reveal additional fields for the title, caption, link, and refresh interval.
  5. Enter a title for the image.
    1. Click Add field Add field and select a field value or expression from the data. Use this option if you want a unique title for each feature in the data.
    2. Optionally, enter static text instead of or in addition to the field value.
    3. Leave the field blank if you don't want a title.
  6. Enter a caption.

    The caption appears below the title and above the image. It is useful for giving a short explanation of the image.

    1. Click Add field Add field and select a field or expression from the data. Use this option if you want a unique caption for each feature in the data.
    2. Optionally, enter static text instead of or in addition to the field values.
    3. Leave the field blank if you don't want a caption.
  7. Enter alternative text for the image.

    Alternative text is hidden on the pop-up and is used by screen readers.

    1. Click Add field Add field and select a field or expression from the data. Use this option if you want unique alternative text for each feature in the data.
    2. Optionally, enter static text instead of or in addition to the field values.
    3. Leave the field blank if you don't want alternative text.
  8. Enter the URL of a related link.

    When the image is clicked, this URL opens in a new browser tab.

    1. Click Add field Add field and select a field or expression from the data. Use this option if you want a unique URL for each feature in the data.
    2. Optionally, enter the URL of a related link.
    3. Leave the field blank if you don't want a related link.
  9. Optionally, turn on the Refresh interval toggle button and enter a value in minutes in the text box to set a refresh interval for the image.

    When the pop-up is displayed, the image is refreshed at the interval specified.

  10. Optionally, click the Reorder button Reorder next to the item in the Media section and drag it to a new position if you have more than one image (or other media items) and want to change the order in which they appear in the pop-up.
  11. On the Contents (dark) toolbar, click Save and open Save and open and click Save to save the pop-up changes to the map.

Add charts

You can add charts to graphically display the values of numeric attribute fields. You can add bar charts, line charts, and pie charts.

  1. Follow the first four steps in the Configure pop-ups section to open the Configure pop-ups pane for the layer you want to configure.
  2. Click Add content and choose Chart.
  3. Choose the type of chart you want to show.
  4. Enter a title for the chart.
    1. Click Add field Add field to select a field or expression from the data.
    2. Optionally, enter static text instead of or in addition to the field value.
    3. Leave the field blank if you don't want a title.
  5. Enter a caption for the chart.

    The caption appears below the title and above the chart. It is useful for giving a short explanation of the data in the chart. You can include an indication of units for column, bar, or line charts in the chart description. A pie chart shows percentages when hovering over each segment.

    1. Click Add field Add field to select a field or expression from the data.
    2. Optionally, enter static text instead of or in addition to the field value.
    3. Leave the field blank if you don't want a caption.
  6. Enter alternative text for the chart.

    Alternative text is hidden on the pop-up and is used by screen readers.

    1. Click Add field Add field and select a field or expression from the data. Use this option if you want unique alternative text for each feature in the data.
    2. Optionally, enter static text instead of or in addition to the field values.
    3. Leave the field blank if you don't want alternative text.
  7. Click Select fields and select the fields to include in the chart.
  8. Optionally, turn on the Horizontal orientation toggle button to display a bar chart horizontally.
  9. Optionally, turn on the Normalize toggle button and select a normalization field.

    The values in this field are used to divide the value field to create ratios. Normalization ratios are useful when other factors influence the numerical values you are classifying and displaying. For example, population can be influenced by each county's size, so you can divide population by area to standardize the data. Data normalization is also useful for providing a meaningful comparison if the values in the fields do not use the same units of measurement.

  10. Optionally, click Reorder Reorder next to the item in the Media section and drag it to a new position if you have more than one chart (or other media items) and want to change the order in which they appear in the pop-up.
  11. On the Contents (dark) toolbar, click Save and open Save and open and click Save to save the pop-up changes to the map.

Add text

You can include plain text in pop-ups to add context and information.

  1. Follow the first four steps in the Configure pop-ups section to open the Configure pop-ups pane for the layer you want to configure.
  2. Click Add content and choose Text.
  3. Click the text field to open the text editor and enter the text.
    1. Type { and select a field or expression from the data. Use this option if you want unique text for each feature in the data.
    2. Optionally, enter plain text in the text editor.
    3. Use the text formatting tools to format the text.
  4. Click OK.
  5. On the Contents (dark) toolbar, click Save and open Save and open and click Save to save the pop-up changes to the map.