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

  • renag
    Asked on September 12, 2017 at 9:05 AM

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

  • candy
    Replied 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:

    How can I embed a form to take up more space on the webpage? Image 1 Screenshot 20

    Please change the iFrame sizes in your website codes. Also, please check the following guide in order to see how to get iFrame codes: https://www.jotform.com/help/148-Getting-the-Form-iFrame-Code 

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

     

  • renag
    Replied on September 13, 2017 at 7:43 AM
    somehow I don't =get the same result
    the browser changes the height from 2000px to height: 357.931px; , as
    seen below:
    thanks
    ...
  • candy
    Replied on September 13, 2017 at 9: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:

    How can I embed a form to take up more space on the webpage? Image 1 Screenshot 20 

    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" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.me/72342756910457" 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.