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

    How do i align my forms properly in weebly?

    Asked by creativedistrict on June 30, 2015 at 06:33 AM

    i've got quite a number of forms which has bad alignments.

     

    how do i manually do it myself to correct the alignments?

    http://www.jotform.com//?formID=51791811072958

    http://www.jotform.com//?formID=51802639272961

     

    Page URL:
    http://creativedistrict.weebly.com/holloway.html

    My Forms Properly how JotForm www href alignments
  • Profile Image
    JotForm Support

    Answered by ashwin_d 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!