You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#116918 Responsify with pdf-Files in iframes

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by pg2773 on Monday, 21 October 2024 13:18 BST

pg2773

I have a problem with Responsify with embedded pdf files. With desktop browsers everything works perfectly. However, when I display the file on the iPhone via safari or chrome, only half of the file appears (width). You can scroll sideways, but I thought that responsify would allow me to see the entire file at a glance. You can find the example here. https://www.tsv-bardowick.de/index.php/informationen/726-lnb-wieder-im-programm-unserer-sportangebote

 

Ryan

This is an issue with Safari (and Chrome) on iPhone and iPad, which cannot display a pdf file correctly in an iframe.

A possible solution is to use an <object> tag instead, eg:

<object style="margin: 3px auto; display: block;" height="1200" width="98%" class="wf-responsive wf-responsive-iframe" data="tsvbardowick-pdf/TSVBardowick-LNB-Beschreibung.pdf" type="application/pdf">
    <embed src="https://www.joomlacontenteditor.net/tsvbardowick-pdf/TSVBardowick-LNB-Beschreibung.pdf" type="application/pdf" />
</object>

or include a link to open the pdf in a new window on iPhone and iPad.

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

pg2773

Hello Ryan,
Thanks for the quick response. Ok, so now I know it's because of the mobile browsers. Thanks also for the tip to implement it with a simple link. I've done that now. The ticket can be closed.

Kind regards Jürgen