I have this code I generated from the PDF Embed API demo.
I know that I have to enter my own client ID and PDF URL link.
My question is, how can I wrap all of this inside a clickable link?
I want to have a link titled 'print solution' that, when clicked, fires off the above code and displays my PDF in a lightbox on the same page.
Currently I use Google PDF viewer and a lightbox to achieve this and my code looks like this:
<a href="https://docs.google.com/viewerng/viewer?embedded=true&url=pdf link URL" target="_blank" class="open-yt-lightbox" rel="noopener noreferrer"><span class="glyphicon glyphicon-list-alt"></span> Print Solution</a> | <a href="product page URL?_pos=3&_sid=f7fc6ef18&_ss=r" target="_blank" rel="noopener noreferrer"><span class="glyphicon glyphicon-shopping-cart"></span> Buy<br><br></a>
How can I adapt the part in bold to use the Adobe code above instead so that, when the link is clicked, on the same page, Adobe opens a light box and displays my PDF?
Copy link to clipboard
Thank you so much for replying @Joel_Geraci
I will take a look at your example.
Is there any way to make the three buttons appear horizontally next to each other and not vertically?
Kind regards and Merry Christmas!
Just modify the CSS to make the buttons appear however you like.
Can you please Help me by sending your previous code in which you have used google embed pdf viewer