How can I embed a form to take up more space on the webpage?

  • Profile Image
    Asked on September 12, 2017 at 09:05 AM

    I would like each page of the form to show up fully, instead of needing to scroll

  • Profile Image
    Answered on September 12, 2017 at 10:32 AM

    We are sorry for the inconvenience you have.

    I have checked the website that you have embedded your form in it. I have seen that you have embedded your form via iFrame embed method. However, the problem is that the iFrame height and weight are too narrow to contain the form itself.

    When I have changed just height of iFrame codes, the form appears fully as you can see the screenshot below:

    Please change the iFrame sizes in your website codes. Also, please check the following guide in order to see how to get iFrame codes: 

    I hope this helps. Please test and tell us if you need any further assistance.


  • Profile Image
    Answered on September 13, 2017 at 07:43 AM
    somehow I don't =get the same result
    the browser changes the height from 2000px to height: 357.931px; , as
    seen below:
  • Profile Image
    Answered on September 13, 2017 at 09:12 AM

    I have re-checked your website and embedded form. 

    I have checked the iFrame embed codes on your account in order to see if there is a problem with our side while generating the codes. I have seen that there is not any issue with the generated iFrame embed codes as seen below:


    The container classes in your website affect the form height. Could you please add "!important" tag near the height as the following:

     <iframe id="JotFormIFrame-72342756910457" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="" frameborder="0" style="width: 1px; min-width: 100%; height:2101px !important; border:none;" scrolling="no"> </iframe>

    Please try this solution and let us know if the problem still persists.

    I hope this helps.