payment button not appearing on form

  • thelittleyurtmeadow
    Asked on July 27, 2015 at 6: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

  • Welvin Support Team Lead
    Replied on July 27, 2015 at 8: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

  • thelittleyurtmeadow
    Replied on July 29, 2015 at 9: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. 

  • Welvin Support Team Lead
    Replied 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

  • thelittleyurtmeadow
    Replied on August 10, 2015 at 5: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

  • Welvin Support Team Lead
    Replied on August 10, 2015 at 9:09 AM

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

    payment button not appearing on form Image 1 Screenshot 20

     

    This is your current iframe codes in the page:

    <iframe id="JotFormIFrame" onDISABLEDload="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