Form not displaying properly. Wrong iframe height calculation

  • Profile Image
    Graham Hoare 
    Asked 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

     

  • Profile Image
    EltonCris
    Answered 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
    Graham Hoare 
    Answered 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
    EltonCris
    Answered 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!