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

  • Profile Image
    Asked 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.


  • Profile Image
    Answered on April 21, 2012 at 02:49 PM


    Here's the guideline on how to get iFrame Code:

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

    Thank you!

  • Profile Image
    Answered 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
    Answered 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 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:

    height: 1000px;