How do i align my forms properly in weebly?

  • Profile Image
    creativedistrict
    Asked on June 30, 2015 at 06:33 AM
  • Profile Image
    ashwin_d
    Answered on June 30, 2015 at 10:14 AM

    Hello creativedistrict,

    I did check your web page where you have embedded your form and it seems to be aligned correctly. The issue is that it displays white at the bottom of the form. Is that the issue you are having?

    Did you use the complete iFrame embed code including the script code in your weebly webpage? Here is the complete iFrame embed code of your form:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/51791811072958" frameborder="0" style="width:100%; height:6049px; 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>

    Alternatively, you can also try to use the following iFrame embed code as well:

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

    Do get back to us if the issue persists.

    Thank you!