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

  • Profile Image
    elysejankowski
    Asked on January 08, 2016 at 03:17 PM

    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

     

    ^ How it looks on Firefox - correct

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

  • Profile Image
    Mike
    Answered on January 09, 2016 at 11:40 AM

    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.

  • Profile Image
    elysejankowski
    Answered on January 09, 2016 at 10:22 PM

    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

  • Profile Image
    Mike
    Answered on January 10, 2016 at 12:47 PM

    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" onload="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>

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

  • Profile Image
    elysejankowski
    Answered on January 10, 2016 at 02:17 PM

    Hooray! That worked, thank you :)

  • Profile Image
    Mike_G
    Answered on January 10, 2016 at 06:49 PM

    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.