How did you get your images to appear and disappear once you clicked on the different parks? I was able to upload an image in my popup but it appears on every popup but I only want it to show up on certain ones. For example: when I click on the Bollards line it should only the the bollard image and text.
Do I have to create an expression to have the image only show when needed?
I'm also very new to arcade and learning on the fly. This feed has been very helpful so far. Thank you.
Hi Aaron,
You'll need a field on your features that you can write the expression against. So for example, a field called Bollards that is populated as either 'Yes' or 'No' for every street feature. Then you can use the expression that Brandon gave above to populate the <img>'s src as the image URL when Bollard = 'Yes'. In your screenshot, it looks like you may have a numeric field for Bollards. You could also make the Arcade expression against that and say: iif($feature.Bollards>0,IMAGEURLHERE,'') The blank string at the end for if the statement is false will generate <img src=''> in your popup, which will generate no image. You create your Arcade expressions to use in the popup with the Add button highlighted below. Check out my screenshots above to see how to set up the HTML in the popup with the expressions once you create them.
Let me know if you have any more questions!
Hi Heather!
You're right, that wasn't in my screenshots. When editing the popup, click on the HTML button, then you can add title="meaningofthepicture" within each <img> as seen below for just the first one. I'm using <img> tags with 3 parts: alt, src, and title. They can go in any order, just make sure their values get both start and end quotes. alt provides alternate text for an image if it cannot be displayed or is read when people are using screen readers. src is the source of the image and title is the hover text that you're looking for.
