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

    Forms and not displaying properly and some not displaying at all.

    Asked by calistapro on November 03, 2014 at 10:08 PM

    I ADDED SOME FORM CREATED ON JOT FORM TO MY WEBSITE AND THEY ARE SHAKY AND NOT DISPLAYING PROPERLY AND SOME OF THE FORMS DOES NOT DISPLAY AT ALL.

    Page URL:
    www.woim.org

    Forms Iframe Embed code
  • Profile Image

    Answered by jedcadorna on November 04, 2014 at 05:48 AM

    I would suggest you use an Iframe embed code instead of script method. Once you have placed the iframe code please remove all that is included in <script> </script> section.

    Ex.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/xxxxxxx" frameborder="0" style="width:100%; height:756px; 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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    In the example code above just copy the one in blue when you grab your iframe code and do not include the one that has a strike through in it. Also to resize the form please adjust the width and height which is in bold and red.

    The above is just an example please copy your iframe code and make some adjustment to your height to make it fit to your web page.