Skip to main content
S
sportworks
Participant
October 26, 2020
Question

Using the PDF Embed API with a list of pdfs

  • October 26, 2020
  • 1 reply
  • 531 views

Hello,

 

I am new to the PDF Embed API and I am not really a developer, but I am pretty good at playing around and figuring things out. I am playing with the PDF Embed API. We have long lists of downloadable pdfs for our products. I would like to have one column of pdf links on a side panel, and when one of our customers clicks on a link, have the linked to pdf open in the embedded window, which is located in the main column of the product page. So far I can have one snippet of code for one link, but I would like to have different links open up in the embedded window as a customer clicks on them. I am trying to get away from our customers opening new tabs or navigating away from our webpage as they look through our downloadables. How do I adjust the code to support this?

    This topic has been closed for replies.

    1 reply

    Joel Geraci
    Community Expert
    Joel GeraciCommunity Expert
    Community Expert
    October 28, 2020

    I've put a CodePen here that shows how to show a list of files where clicking on one will update the embedded viewer with the new file. Let me know if this is what you were looking for.

    S
    sportworksAuthor
    Participant
    November 12, 2020

    This is really helpful thank you! Sorry for the slow reply, it took me a little while to loop back to this project. I still have some fiddling to do, but this makes a huge difference. 

    Terms & ConditionsAccessibility statement
    Using the community Terms of use Privacy Cookie preferences Do not sell or share my personal information ad choicesAdChoices