Form cutoff when errors

  • Profile Image
    Asked on December 18, 2013 at 08:25 PM

    If I submit my form without filling out the required fields, the form gets cutoff at the bottom due to the error lines stretching the height of the form.

    I am using iframe code and I've also tried increasing the height of iframe and that didn't work. I also tried changing the wordpress theme and that did not fix the problem.

  • Profile Image
    Answered on December 18, 2013 at 09:42 PM


    Please re-embed the form using the iframe code only without it's supporting script. Or you can use the following iframe embed code.

    <iframe allowtransparency="true" src="//" frameborder="0" style="width: 100%; height: 1206px; border: none;" scrolling="no"></iframe>

    Take note that iframe has a fixed height so it doesn't automatically adjust your page when the form length increases unlike when you use the default script embed code.


  • Profile Image
    Answered on December 20, 2013 at 01:46 PM

    Thanks. That works, but it adds the necessary space at the bottom which isn't ideal.

    It would be nice if the script worked the way it is supposed to and added the space needed when there are errors to show. Why is that not working?

  • Profile Image
    Answered on December 20, 2013 at 03:32 PM

    I tried it on the standard Twenty Twelve Wordpress theme also and had the same problem. So I doubt it's anything to do with the theme unless they both are creating the same problem. In that case, I'm sure the same problem would be present in many themes.

  • Profile Image
    Answered on December 20, 2013 at 05:00 PM


    Will setting the scrolling="no" to scrolling="auto" works for you? The effect of this is that the iframe part which is your form will now be scrollable instead of the form being cutoff. Like what my colleague Eliezer mention that some script in your webpage might be conflicting the code when embedding the iframe with <script> included, as I know that Jotform is already optimize to auto resize when the frame changes the <script> code is the one giving that effect so stripping the <script> part will just give you a fixed height.