My form is cut off at the bottom on desktop + mobile on Safari

  • elysejankowski
    Ditanyakan pada tanggal 8 Januari 2016 pukul 15.17

    Hi there,

    I added the mobile responsive widget to this form - https://form.jotform.com/53404247449154

    I then added the iFrame code to a Wordpress blog post. When I visit it on my Mac (Safari) and iPhone, the bottom of the form is cut off - http://www.elysejankowski.com/share-your-story-win-free-wedding-photography/

    This issue happens after deleting the mobile responsive widget on the form as well. It's only showing correctly on Firefox for me right now. Please help!

    Thanks,

    Elyse

     

    My form is cut off at the bottom on desktop + mobile on Safari Image 1 Screenshot 30

    ^ How it looks on Firefox - correct

    My form is cut off at the bottom on desktop + mobile on Safari Image 2 Screenshot 41

    ^ How it looks on Safari on desktop and iPhone - bottom cut off

    Page URL: http://www.elysejankowski.com/share-your-story-win-free-wedding-photography
  • Mike
    Dibalas pada tanggal 9 Januari 2016 pukul 11.40

    Thank you for contacting us.

    The form height appears to be correct on Safari and Chrome on my side, but I was able to reproduce the issue using a mobile device.

    Could you please try embedding with a JS embed code instead? We have a guide available here:

    Adding Forms to Wordpress.org version

    If this does not help, please let us know.

  • elysejankowski
    Dibalas pada tanggal 9 Januari 2016 pukul 22.22

    Hi Mike,

    When I got home today, the iFrame was cut off on the bottom on Safari (desktop) again. Tried the JS code, same issue. Went back to iFrame, still same issue :(

    Please help! I really want to announce my special contest tomorrow and create an advertisement for it, but I can't drive people to a page where they can't see the whole form.

    Thanks!

    -Elyse

  • Mike
    Dibalas pada tanggal 10 Januari 2016 pukul 12.47

    In this case you may try to manually set an iFrame height. In order to do this, remove an auto height script that is following the iFrame code, and then increase the iFrame height value.

    Example:

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/53404247449154" frameborder="0" style="width:100%; height:2000px; border:none;" scrolling="auto"></iframe>

    My form is cut off at the bottom on desktop + mobile on Safari Image 1 Screenshot 20

    Please give it a try and let us know if you need any further assistance.

  • elysejankowski
    Dibalas pada tanggal 10 Januari 2016 pukul 14.17

    Hooray! That worked, thank you :)

  • Mike_G Jotform Support
    Dibalas pada tanggal 10 Januari 2016 pukul 18.49

    On behalf of my colleague, Mike, you're most welcome! Please feel free to contact us every time you have questions or concerns about your Jotform account and we will be glad to help you. 

    Thank you.