Why is my embedded html iframe isn't allowing me to click to enlarge page?

  • Profile Image
    CDICORP
    Asked on July 01, 2016 at 02:06 PM

    Here is my form

     

    https://www.jotform.com/CDICORP/BTVT

     

     

    and here is my embed code

     

    <iframe src="//cdn.flipsnack.com/widget/flipsnackwidget.html?hash=ftpfbfslh&bgcolor=EEEEEE&t=1467394610" width="600" height="300" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true"></iframe>

     

    It should open to full page?...It used to but stopped working?

     

    I checked with flipsnack and they said to make sure jotform supports HTML5

     

  • Profile Image
    Nik_C
    Answered on July 01, 2016 at 03:35 PM

    Please try changing the embed code like this:

    <iframe src="//cdn.flipsnack.com/widget/flipsnackwidget.html?hash=ftpfbfslh&bgcolor=EEEEEE&t=1467394610" width="100%" height="100%" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true"></iframe>

    Let us know if this worked for you.

  • Profile Image
    Nik_C
    Answered on July 01, 2016 at 04:17 PM

    I am sorry, my previous answer won't solve your problem. I have taken a look at your form in the developer console. There seems to be some problem resource fetching from flipsnack. 

    I think this is the problem. I would try recreating the flip snack embedding and checking that the widget is made public since the 403 status code means that some kind of authorization is missing.

    I have also noticed that flip snack changes the layout of the widget when width of the container is smaller than 1024 x 768.

    Please try setting the width of the embedded iframe to that value and check if it works again. You can do that by changing the embed code like this:

    <iframe src="//cdn.flipsnack.com/widget/flipsnackwidget.html?hash=ftpfbfslh&bgcolor=EEEEEE&t=1467394610" width="1024" height="768" seamless="seamless" scrolling="no" frameborder="0" allowtransparency="true" allowfullscreen="true"></iframe>

     

    Let us know if you need any information