Set the iFrame height on the thank you page

  • Profile Image
    Asked on April 13, 2011 at 05:31 AM

    I have embedded a JotForm in a module position on a Joomla site. Everything works perfect except when the "Thank you" page is displayed the iframe surrounding the page is set to 100% height. This enlarges the module ... doesn't look very nice ...


    Can I set a style/css somewhere to change this?

  • Profile Image
    Answered on April 13, 2011 at 06:16 AM

    Hi epocket,

    Thank you for your message. I would suggest that you use the Iframe embed code instead of the one you're currently using. JotForm will then determine the appropriate height to display your form properly. 

    You can find the Iframe embed source code in the Embed Form Wizard as shown below:

    You can also adjust the height of the iframe yourself. Look for the Height attribute inside the <Iframe> tag (highlighted in green) and adjust the height in pixels:


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


    We hope you find this information useful. Please do not hesitate to contact us if you have any other questions or concerns.

    Thank you for using JotForm!


  • Profile Image
    Answered on May 20, 2011 at 01:09 AM

    Is there a public javascript function I can call that does the iframe resizing? At, when the form is submitted, the thank you appears at the top of the page but the users may not realize to scroll back up. I suppose I would need a callback on the form submit as well. Is that exposed?

  • Profile Image
    Answered on May 20, 2011 at 01:39 AM


    I tried submitting in your form but couldn't replicate your situation.  It appears that you have embedded the form's full source code and not in an iframe, the thank you page takes over the whole form page thus not showing any scroll bar at all.

    Below is the screenshot of your form's thank you page (notice the lack of scrollbars):