Iframe height issue

  • Profile Image
    flcag
    Asked on November 14, 2012 at 10:39 PM

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

  • Profile Image
    moonzkie
    Answered on November 14, 2012 at 10:50 PM

    Hi,

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

    Thank you.

  • Profile Image
    flcag
    Answered 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
    moonzkie
    Answered 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
    flcag
    Answered 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
    moonzkie
    Answered 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
    flcag
    Answered on November 15, 2012 at 12:16 PM

    That does not work either.

  • Profile Image
    EduardoMendez
    Answered 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
    flcag
    Answered 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
    EduardoMendez
    Answered 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
    flcag
    Answered 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?