How can I insert a PDF viewer in a pop-up?

Question

Hi all,

We would like to include a PDF viewer in a popup but we do not how to do it, or even if it is possible. Something similar to this PDF viewer that changes pages without any animation: https://galiciarexenera.afg.gal/proyecto/coto-maria-ponteareas/

If embedding a PDF viewer is not possible, an image carousel could do the work.

We have tried using html and css in the html editor of the popups in the Classic Map Viewer, withouth success so far.

Can this be achieved withing ArcGIS online?

Thank you so much

RPGIS · Answer

Have you checked this out.

Show Attachments in Pop-ups with Arcade Expression... - Esri Community

There is also the option, though I have never tested it, is the option to add a field, set the data type to raster, and use that field for the popup.

AdriánCapelo_Cruz · Answer

Thank you so much. I think the first one is the way to go.

These pdf will not be dinamically created, we will have a different pdf per record and we could include links to these pdf in a new field.

Our question here is what the custom expression would be to show the pdf within the popup.

Thanks a lot

RPGIS · Answer

Hi @AdriánCapelo_Cruz ,

So there a couple of ways in which you can achieve this.

* Depending on the type of pdf, if the pdfs are not dynamically created, then you can create a related table, enable attachments on that related record, and attach the pdf to that record. You can then associate all record to that singular record by assigning the unique id to those record.* In the pop-up, create a custom expression that will pull the attachment and show it on the main feature.

* You can create an image carousel/viewer in Experience Builder which can be made to look similar to a pdf. It is a bit more work, but it is possible.
* The other option is to add the document directly to ArcGIS Online.* Using the add data option on the contents page, add the pdf as an item.
* Once it is added, right click on the image and select the option to open the image in a new tab.
* Copy the image URL and paste it in the image option in the popup URL for the image URL.

There might be more that I am not thinking about but any of these should at least help lead you in whichever direction works best.