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

  • CDICORP
    Asked on July 1, 2016 at 2: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

     

  • Nik_C
    Replied on July 1, 2016 at 3: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.

  • Nik_C
    Replied on July 1, 2016 at 4: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. 

    Why is my embedded html iframe isnt allowing me to click to enlarge page? Image 1 Screenshot 20I 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