What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

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

    Asked by elysejankowski 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

    Page URL:
    http://www.elysejankowski.com/share-your-story-win-free-wedding-photog<br/>raphy

    mobile responsive iframe code form height
  • Profile Image
    JotForm Support

    Answered by Mike 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

    Answered by elysejankowski 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
    JotForm Support

    Answered by Mike 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

    Answered by elysejankowski on January 10, 2016 at 02:17 PM

    Hooray! That worked, thank you :)

  • Profile Image
    JotForm Support

    Answered by Mike_G 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.