Pdf viewer in the page

[thomascope]

Hello Everyone,

I want the user be capable to see his pdf straight in the app.

He uploads the pdf, and see the pdf on the app in a repeating group.
The page should be enough big to read it without clicking.

Should I convert the pdf’s first page in an image ? If yes, how ?
OR Should I upload a plugin to see the pdf ? Wich one ? What is the best according to you ?

Thank you

[hergin]

Hey @thomascope

I recently tried to display a pdf in a page and one solution I could find is to use google pdf viewer in an html element. See if this helps you. Simply, write this code and set your PDF file source as the URL parameter to the url.

<iframe
    id="documentiframe"
    src='https://docs.google.com/viewer?url=https://css4.pub/2015/icelandic/dictionary.pdf&embedded=true' 
    width='100%'
    height='100%'
    frameborder='0'>
</iframe>

See the editor here: Tests for Forum 14 | Bubble Editor

[thomascope]

Hello,

thank you a lot. I tested and it works so well.

But i would try to be capable to open a kind of popup (and not a tab) to allow the user reads the content.

I fount this video :
https://www.youtube.com/watch?v=mbGvQ-Zby4Y

It works so well with the static data from Adobe.

I want to include a dynamism data from my app but I don’t know where to write the dynamic data. Do you know it ?

Below the code:

Blockquote

Blockquote

Thank you a lot[quote=“thomascope, post:3, topic:325577, full:true”]
Hello,

thank you a lot. I tested and it works so well.

But i would try to be capable to open a kind of popup (and not a tab) to allow the user reads the content.

I fount this video :
https://www.youtube.com/watch?v=mbGvQ-Zby4Y

It works so well with the static data from Adobe.

I want to include a dynamism data from my app but I don’t know where to write the dynamic data. Do you know it ?

Below the code:

<div id="adobe-dc-view" style="height: 360px; width: 500px;"></div>
<script src="https://acrobatservices.adobe.com/view-sdk/viewer.js"></script>
<script type="text/javascript">
	document.addEventListener("adobe_dc_view_sdk.ready", function(){ 
		var adobeDCView = new AdobeDC.View({clientId: "<YOUR_CLIENT_ID>", divId: "adobe-dc-view"});
		adobeDCView.previewFile({
			content:{location: {url: "https://acrobatservices.adobe.com/view-sdk-demo/PDFs/Bodea Brochure.pdf"}},
			metaData:{fileName: "Bodea Brochure.pdf"}
		}, {embedMode: "SIZED_CONTAINER"});
	});
</script>

Thank you a lot
[/quote]