WebSite X5Help Center

 
Vic L.
Vic L.
User

PDF display in iframe  en

Author: Vic L.
Visited 2145, Followers 1, Shared 0  

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.

Posted on the
3 ANSWERS - 2 USEFUL
Esahc ..
Esahc ..
Moderator

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

Read more
Posted on the from Esahc ..
John S.
John S.
User

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.

Read more
Posted on the from John S.
Vic L.
Vic L.
User
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.

Read more
Posted on the from Vic L.