Image in pop-up failing to link to url

SimonCrutchley · ‎06-07-2024

Hi there,

I have an app displaying hundreds of thousands of aerial photographs via their NGR location.

https://historicengland.org.uk/images-books/archive/collections/aerial-photos/

The pop-up first pulls up a thumbnail, clicking on which takes you to the url where you can see the full resolution image. This worked fine in Map Viewer Classic, but not in Map Viewer, which appears to have stripped out the url link. I’ve seen several posts here saying how Map View now views the url as plain text, and that you have to use Arcade, but I’m not quite sure how.

Below is the html I used in Classic, with the core bit highlighted.

<div style="text-align: center;">Click on the image below to open in a new tab </div><a href="https://historicengland.org.uk/images-books/archive/collections/aerial-photos/record/{FILENAME}" rel="nofollow ugc" style="font-family: Verdana, Helvetica, sans-serif; font-size: 12px;"><img src="https://thumbs.smartframe.io/27025fea9afa38753501b02dbd8a40f2/{FILENAME}" style="width: 200px; margin-right: auto; margin-left: auto; display: block;" /></a><div style="text-align: center;">{COPYRIGHT} <div style="text-align: left;">{NOTES}</div></div> Date flown: {Date_Flown_Modified} Flight: {FLIGHT_NUMBER} Photographer: {PHOTOGRAPHER}

If anyone can point me in the direction of how to change this into Arcade I would be most grateful.

Ta

Stefan_Thorn · ‎06-07-2024

Hi @SimonCrutchley

I did a quick setup.

in popup add Media:

Click media content:

URL: used your url in your data to thumbnail (attribute in your data?) or attachements?

Link: url to your aerial photo site (attribute in your data?)

result:

View solution in original post

SimonCrutchley · ‎06-07-2024

I've found a workaround for this adding the image and creating a url link to that separately. The thumbnail image is massive and creates scrolling in the pop-up, but it's a start. I'm now looking to see if I can control the image size.

Stefan_Thorn · ‎06-07-2024