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

    How do I get the iframe to increase the height automatically?

    Asked by iflystudios on April 21, 2012 at 02:42 PM

    If you go to the URL I provided, if a user skips all fields and all error messages are displayed, the submit button at the bottom dissapears because th eheight is not increasing.

    I tried setting height to auto, but it didn't work.

    To replicate what I'm seeing, click on all fields that are requried and don't fill out any information. Let the error messages display and you'll see what I'm talking about.

    Any help is much appreciated.

    Thanks!

    Page URL:
    http://resumeswagger.com/submit

    height fill
  • Profile Image

    Answered by pinoytech on April 21, 2012 at 02:49 PM

    Hi,

    Here's the guideline on how to get iFrame Code: http://www.jotform.com/help/148-How-to-get-your-Form-s-Iframe-Code

    Feel free to contact us anytime if you need further assistance.

    Thank you!

  • Profile Image

    Answered by iflystudios on April 21, 2012 at 05:00 PM

    The iframe does not increase in height when the error messages display. Please see above notes.

  • Profile Image
    JotForm Support

    Answered by abajan on April 21, 2012 at 08:00 PM

    Since by default the scrolling attribute of iFrames is set to auto (meaning that scrollbars will appear if necessary and otherwise will not), the best solution I can currently suggest is to remove scrolling="no" from the embedded form's iFrame. I know that you really want the iFrame's height to be flexible and expand as needed but that may be a tall order, no pun intended.

  • Profile Image

    Answered by newoceans on May 07, 2014 at 05:29 AM

    Hmm, I'm not a big fan of the scroll bar option...

    I added some custom CSS to set a fixed height and it seems to do a pretty good job:

    .form-all{
    height: 1000px;
    }