nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

How to configure image pop-ups for unique values

ToniBisig

I am creating a map with pop-ups that will have a different image pop-up depending on the country that is selected. As it is currently, when I click on any country it shows the same image, but the end goal is to have a different image for every country...I cannot find any options to change the image URL based on the unique value when editing the image in configure pop-ups. I found some answers about configuring Fields Options but I am needing the Image options and can't find anywhere to put in an Arcade expression or customize anything. Please advise, thanks.

Find more posts tagged with

Accepted answers

kenbuja

You can specify the field in the URL (this shows the picture in the popup) and the Hyperlink (this opens a new window).

Here's an example that uses a thumbnail in the popup for a fast draw, but a full-size image for the new window. Each site has a unique photo.

All comments

ToniBisig

Here is the link I'm using for both the "URL" and "Hyperlink" field:

https://usfs-public.box.com/shared/static/905awnj2n7sy8z5aacutuuqt9e8lk3c5.png

kenbuja

That's the field, which contains a value like "AA2017_258", which is part of the url of the photo. I made a fake one in the image I sent, but the working version of the string in the hyperlink field looks like this: "https://www.nodc.noaa.gov/archive/arc0166/0222391/2.2/data/0-data/LakeMichigan_2017_2018_Videos_Photos/Photos/{Site_ID}_1.png" while the URL uses this for the thumbnail: "https://www.nodc.noaa.gov/archive/arc0166/0222391/2.2/data/0-data/LakeMichigan_2017_2018_Videos_Photos/Photos/thumbnails/{Site_ID}_1.png"

What would be an example of a URL for you and what field would hold the unique part of it?

ToniBisig

I tried that and any alterations I make to the URL/hyperlink cause the image pop-up to not display correctly once the changes are saved. It displays a tiny image icon rather than the actual image itself.

With your example {Site_ID} is that the field or the unique value?

kenbuja

You can specify the field in the URL (this shows the picture in the popup) and the Hyperlink (this opens a new window).

Here's an example that uses a thumbnail in the popup for a fast draw, but a full-size image for the new window. Each site has a unique photo.

Join the Conversation

Signed in members can post, follow updates, and more. New here? Register a free account.

Quick Links

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.