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

    Iframe height issue

    Asked by flcag on November 14, 2012 at 10:39 PM

    Can someone help me get a multi page form height correct in my webpage?

    Page URL:
    http://flcag.org/test-2/

  • Profile Image

    Answered by moonzkie on November 14, 2012 at 10:50 PM

    Hi,

    I'm sorry, can you please explain your query further?

    Thank you.

  • Profile Image

    Answered by flcag on November 14, 2012 at 10:52 PM

    Well I would like the iframe form to size with my page instead of having all that white space another each page in my multi part form?

  • Profile Image

    Answered by moonzkie on November 14, 2012 at 11:17 PM

    Can you please try remove the height:1850px; from your embedded code. 

    <iframe allowtransparency="true" src="//form.jotform.us/form/23037262994155?session=" frameborder="0" style="width:100%; height:1850px; border:none;" scrolling="no"></iframe>

    Let us know if this works. Thank you.

  • Profile Image

    Answered by flcag on November 14, 2012 at 11:24 PM

    The whole peice of code? I removed all of it height:1850px; and the form just shunk down to 200px height and you could not see this rest of the form.

  • Profile Image

    Answered by moonzkie on November 15, 2012 at 12:08 AM

    I am sorry about that. Please try embeding this code:

    <iframe allowtransparency="true" src="//form.jotform.us/form/23037262994155?session=" frameborder="0" style="width:100%; height:100%; border:none;" scrolling="auto"></iframe>

    Thank you.


  • Profile Image

    Answered by flcag on November 15, 2012 at 12:16 PM

    That does not work either.

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on November 15, 2012 at 12:47 PM

    Hi there,

    I understand the issue.

    Please try this code and let us know if that suits your needs.

    <iframe allowtransparency="true" src="//form.jotform.us/form/23037262994155?session=" frameborder="0" style="width:100%; height:1250; border:none;" scrolling="auto"></iframe>

    This will keep the frame to 1250 and should allow a scrollbar for the pages that are longer then that.

    Please let us know if that solves the issue!

  • Profile Image

    Answered by flcag on November 15, 2012 at 01:04 PM

    Well im just gonna make my pages on the form the same length and that should correct the iframe but how i can I reduce the padding around the html boxes?

  • Profile Image
    JotForm Support

    Answered by EduardoMendez on November 15, 2012 at 01:16 PM

    Hi there!

    Yes you can.

    You can customize it through CSS or you can also adjust it following this visual guide:

    Let us know if you need further assistance!

  • Profile Image

    Answered by flcag on November 15, 2012 at 01:59 PM

    Ok I worked out the height issue now when you click through the multi page form is there a way when it goes to the next page it can scroll to the top of the form?