Skip To Content

Configure pop-ups

When configuring pop-ups for your feature layers, you can customize the content and how the content is displayed. Pop-ups can contain custom text and a list of fields, charts, images, and attachments.

To configure a pop-up for a layer, right-click the layer in the Contents pane and click Configure Pop-ups Configure pop-ups. This opens the Pop-ups pane where you can define the content for the selected layer.

Pop-up elements you can customize

You can add elements to the pop-up definition by clicking the element type at the top of the pane. Pop-up elements support related data, hyperlinks, and Arcade expressions.

The following table lists the pop-up elements along with a description of each:

ElementDescription

Title

These elements only allow you to include text or fields. Use the Field drop-down menu to add dynamic text from the layer itself.

Text

Allow you to add custom text to the pop-up, including hyperlinks.

List of Fields

Allow you to choose the fields to display in the pop-up.

Chart

Build vertical or horizontal bar charts, line graphs, or pie charts. You can only use numeric fields for the chart or for the field used to normalize the chart.

Charts can have a title and a caption.

Image

Provide an image from a URL or attachment and set a custom title or caption. For attachments, you have access to the name of the file and its size from the Field drop-down menu so you can distinguish a title or caption for multiple attachments. Images sourced from an attachment are dropped in the web map or feature layer.

Attachments

For layers with enabled attachments, you can display the list of attachments in a pop-up. When a feature has attachments and you have chosen to show the list, you will see hyperlinks that launch the attachment in the default file handler. Features without attachments display a message that there are no attachments.

After you select an element, double-click it to edit its properties or click the Edit pop-up element button.

After you edit the properties of an element, click Back Back to return to the home page in the Pop-ups pane to commit your changes. Changing the selected layer in the Contents pane will also commit your changes.

Click a feature on the map with the Explore tool Explore Tool to view and use pop-ups.

Use related data

When the layer you are authoring a pop-up for participates in a relate or relationship class, you can access the related data to include in the pop-up. For text in the pop-up, you can choose a field from a related table from the Fields drop-down menu. For the fields element, the relationships are added below the main list of fields. You can expand the relationships to add fields or statistical functions based on the related data. For chart elements, you can choose from the related tables numeric fields to add to your chart.

Note:
  • For relationship classes, you can model the cardinality of the relationship to be 1:1, 1:M, or M:N. You can add statistical functions to 1:M and M:N relationships only.
  • Numeric field formatting for decimal places is honored by the pop-up.
  • Statistics generated from related data do not display.

Hyperlinks

Hyperlinks can be applied to image, chart, and text elements to add additional information to pop-ups. You can then click the linked element in the pop-up window to open a web page, document, or other information.

Insert hyperlinks as text elements

  1. In the Contents pane, right-click the layer with the pop-up and click Configure Pop-ups Configure pop-ups.
  2. In the Configure Pop-ups pane, click the Text element button Text to add it to the pop-up.
  3. Click the Edit button Edit Pop-up Element to edit the text element.
  4. Place the pointer at the desired link location and click the Hyperlink button Hyperlink from the list of buttons at the top of the page.
  5. For URL, provide a URL or path to the item you want to open or display when you click the image, chart, or text in the pop-up window. Do one of the following:
    • Provide a full path to the desired item, for example, \\machineName\sharedDirectory\imageName.jpg or file:///C:\Users\temp\OperationsSchedule.docx.
    • Provide a base path and get the remaining portion of the path from an attribute table field, for example, \\machineName\sharedDirectory\{Hyperlink_FieldName}. You can also use "mailto:"{EmailAddressField}.
    • Have the source URL in an attribute table field and reference the field as {FieldNameWithLinks}.
    • Use an Arcade expression that can be referenced by name as {expression/expression0}.
  6. For Description, provide the text you want displayed as a link and click Apply.
  7. Optionally specify and format additional text.
  8. Save your edits by clicking the Back button Back on the Text Options tab in the Configure Pop-ups pane.

Insert hyperlinks as chart elements

  1. In the Contents pane, right-click the layer with the pop-up and click Configure Pop-ups Configure pop-ups.
  2. In the Configure Pop-ups pane, click the Chart element button Chart to add it to the pop-up.
  3. Click the Edit button Edit Pop-up Element to edit the chart element.
  4. Chart elements accept hyperlinks in the Title and Caption sections. Place the pointer at the desired location and click the Hyperlink button Hyperlink from the list of buttons at the top of the page.
  5. For URL, provide a URL or path to the item you want to open or display when you click the image, chart, or text in the pop-up window. Do one of the following:
    • Provide a full path to the desired item, for example, \\machineName\sharedDirectory\imageName.jpg or file:///C:\Users\temp\OperationsSchedule.docx.
    • Provide a base path and get the remaining portion of the path from an attribute table field, for example, \\machineName\sharedDirectory\{Hyperlink_FieldName}. You can also use "mailto:"{EmailAddressField}.
    • Have the source URL in an attribute table field and reference the field as {FieldNameWithLinks}.
    • Use an Arcade expression that can be referenced by name as {expression/expression0}.
  6. For Description, provide the text you want displayed as a link and click Apply.
  7. Optionally specify and format additional text in the Title and Caption sections.
  8. Save your edits by clicking the Back button Back on the Chart Options tab in the Configure Pop-ups pane.

Insert hyperlinks as image elements

  1. In the Contents pane, right-click the layer with the pop-up and click Configure Pop-ups Configure pop-ups.
  2. In the Configure Pop-ups pane, click the Image element button Image to add it to the pop-up.
  3. Click the Edit button Edit Pop-up Element to edit the image element.
  4. Place the pointer at the desired link location — image elements accept hyperlinks in the Title and Caption sections — and click the Hyperlink button Hyperlink from the list of buttons at the top of the page.
  5. For URL, provide a URL or path to the item you want to open or display when you click the image, chart, or text in the pop-up window. Do one of the following:
    • Provide a full path to the image, for example, \\machineName\sharedDirectory\imageName.jpg or file:///C:\Users\temp\OperationsSchedule.docx.
    • Provide a base path and get the remaining portion of the path from an attribute table field, for example, \\machineName\sharedDirectory\{Hyperlink_FieldName}. You can also use "mailto:"{EmailAddressField}.
    • Have the source URL in an attribute table field and reference the field as {FieldNameWithLinks}.
    • Use an Arcade expression that can be referenced by name as {expression/expression0}.
  6. For Description, provide the text you want displayed as a link and click Apply.
  7. For Source URL, provide a URL or path to the image you want displayed in the pop-up window.
  8. For Hyperlink, provide a URL or path to the item you want displayed upon executing the link.
  9. Save your edits by clicking the Back button Back on the Image Options tab in the Configure Pop-ups pane.

Related topics