PDF display in iframe
Author: Vic L.Hi all,
I have a similar problem to Lauren R about the display of PDF's.
Until this last update, I too could only view part of the PDF in smaller viewports because the scroll bars didn't work properly. I now find that this seems to have been fixed and I can now view the whole PDF by way of the scroll bars.
My question though is, how do I increase the size of the iframe that displays the PDF? If I increase the Height on the page then I can still only view the top part of the PDF and below that is just white space to the size I have increased the Height to.
Someone answered Lauren and mentioned using "real iframes" but like her, I don't know how to do this.
All help appreciated.
jpg attached showing viewable part of PDF and the lower, white space to the 1000 I increased the height to.
Vic.
Vic, is this issue in preview or only when published to the web.
I just added to PDF widget to a row of cells, selected iframe and local pdf, then varied the height required to display the page and there was no issue.
There have been some updates to many of the widgets, have you ensured the pdf widget is up to date?
Click on manage
Hello Vic
You could use the html-object and here use the iframe
You could use :
<iframeid="vicpdfid"style="border:1px solid #666CCC"title="PDF in an i-Frame"src="PDFData.pdf"frameborder="1"scrolling="auto"height="800"width="600"></iframe>
You could specify the height in pixels and then the width in %.
You can style it as you wish.
You could also have the styling in the expert-tab and then use #vicpdfid and then the styling.
You can even have links on the page, and when clicking on a link, the pdf is shown in the iframe.
You can see an example of this here : http://calendarforum.dk/examples.html
It is made by using target. It is calendars that is shown in the iframe, but it could as well have been PDF-files.
You could also use :
<objectdata="your_url_to_pdf"type="application/pdf"><iframesrc="https://docs.google.com/viewer?url=your_url_to_pdf&embedded=true"></iframe></object>
You could search the web for information on this. There is a lot of information here. And there is discussions why you should one solution or another solution.
Kind regards
John S.
Author
Hi Esahc & John S,
Sorry for slow response… been away for a few weeks.
Yes, the original issue seems to be a preview problem. I have a 2 page fillable PDF form. When I set the Height to, say, 750 or 1000, then preview, I can only scroll to view the first page and about half the second, leaving a white area at the bottom of the page where the remainder of the page should show. When the Height is set to 500 or less then the whole 2 pages scroll properly.
Unfortunately, and nothing to do with Websitex5, this has opened up a real can of worms for me, in that the different browsers all think they can do better than Adobe at reading PDFs and all need tweaking to make Adobe Reader their default and Edge doesn’t seem to recognise fillable forms at all!
So, instead of some fancy fillable, on-line forms, I’ve given up and will just get the customer to download the forms and send them back as attachments.
Thanks for your inputs and help. I’ll give the iFrame a try at a later date.
Kind regards,
Vic.