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

    payment button not appearing on form

    Asked by thelittleyurtmeadow on July 27, 2015 at 06:30 AM

    My payment button won't appear on the form on my website. The HTML box is more than long enough for the form, so this isn't the reason it's not appearing. 

    See website:

    http://thelittleyurtmeadow.co.uk/online-payment

    Page URL:
    http://thelittleyurtmeadow.co.uk/online-payment

    payment button
  • Profile Image
    JotForm Support

    Answered by Welvin on July 27, 2015 at 08:51 AM

    It looks like the form height is not correct. Please re-embed your form using the codes below:

    <iframe id="JotFormIFrame" allowtransparency="true" src="https://secure.jotformeu.com/form/50066067247353" frameborder="0" style="width:100%; height:617px; border:none;" scrolling="no"></iframe>

    Basically, without the script tags in the iframe codes and adjusting the height value.

    Thanks

  • Profile Image

    Answered by thelittleyurtmeadow on July 29, 2015 at 09:33 AM

    Im having same problem with other form, 

     

    www.thelittleyurtmeadow.co.uk/the-yurts

     

    Ive applied the above code, but it seems to have made it worse. 

  • Profile Image
    JotForm Support

    Answered by Welvin on July 29, 2015 at 10:51 AM

    Please do the same, without the script tags. I think for some reason, your website builder stripped out the scripts and/or create a conflict in the page which affects the height of the form. So, the following codes:

    <iframe id="JotFormIFrame"  allowtransparency="true" src="https://secure.jotformpro.com/form/51252333548957" frameborder="0" style="width:100%; height:4785px; border:none;" scrolling="no"></iframe>

    Simpy adjust the height value if you need to. Just make sure the height is enough for the othe page(s).

    Thanks

  • Profile Image

    Answered by thelittleyurtmeadow on August 10, 2015 at 05:52 AM

    Im still experiencing problems.

     

    When I change the width to 100% it automatically makes it too thin. I don't think the issue is with the height, as we have been having no issues until recently. 

    Can you please take another look, and click options for "3 yurts"

    www.thelittleyurtmeadow.co.uk/the-yurts

  • Profile Image
    JotForm Support

    Answered by Welvin on August 10, 2015 at 09:09 AM

    It's actually the height and looks like the script tag in the iframe is changing the height:

     

    This is your current iframe codes in the page:

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

    <script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;case "collapseErrorPage":if (iframe.clientHeight > window.innerHeight) {iframe.style.height = window.innerHeight + "px";}break;case "reloadPage":window.location.reload();break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    You have to remove the code which is highlighted with Yellow.

    Thanks