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

    Form not displaying properly. Wrong iframe height calculation

    Asked by Graham Hoare  on September 08, 2015 at 06:13 PM

    Hi,

    You have been dealing with this form not working:

    http://www.stripe21.com/portal-login

    I have put the form here with no css, html, js or anything else other than your script:

    http://blabbermouthmarketing.co.uk/stripeform.html

    Here is a png of your form not working there:

    http://blabbermouthmarketing.co.uk/screencapture-blabbermouthmarketing-co-uk-stripeform-html-1441749937370.png
    (also attached)

    So far you have blamed us, blamed the website and asked us to delete parts of our website, we are getting slightly sick of excuses. Please sort your software so we can use it on the most basic of pages.

    thanks you Graham Hoare

     

    Screenshot
    work png www thanks attached
  • Profile Image
    JotForm Support

    Answered by EltonCris on September 08, 2015 at 09:35 PM

    It is the iframe height that is not enough to show the entire form once all fields are shown via condition. Re-embed your form using the following iframe code with 2683px height, this should cover the entire form once they are shown through condition.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/52142131085948" frameborder="0" style="width: 100%; height: 2683px; border: none;" scrolling="no"></iframe>

    This may create spacing below the form but there should be no cut off.

    Let me know if this doesn't help. Thanks!

  • Profile Image

    Answered by Graham Hoare  on September 09, 2015 at 05:26 PM

    Hi,

    I have put your iframe in. As I have explained to you previously, your form puts the height in with javascript, this overwrites the height I put in on the iframe. Its your product why don't you understand this?

    http://blabbermouthmarketing.co.uk/stripeform.html

    Graham Hoare

  • Profile Image
    JotForm Support

    Answered by EltonCris on September 09, 2015 at 10:54 PM

    Hi Graham.

    My apologies if I wasn't clear enough. You just need to embed the iframe code without the script code so the iframe height will not be changed in any way. Yes, you are right that the script included on the iframe will calculate the page height and update the iframe height once it is loaded on the browser.

    Or if you want to retain the script code, use this iframe embed code with minimum height. This will prevent the script from decreasing down the minimum height requirement.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/52142131085948" frameborder="0" style="width: 100%; height: 2683px;min-height:2683px; border: none;" scrolling="no"></iframe>

    Hope this information helps!