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

    Form does not show in full length on my WIX site

    Asked by caern11423 on August 07, 2016 at 04:37 PM

    Trying to add form to my Wix site. The form is quite long and the whole thing does not show. How do I fix this?

     

    I have added a link to the actual page.

     

    Thank you.

    Page URL:
    http://www.talentmanagers.org/#!new-membership-application-2016/c1rcz

    length wix iframe height cut off
  • Profile Image
    JotForm Support

    Answered by Jan on August 07, 2016 at 06:21 PM

    I opened your website on both Google Chrome and Mozilla Firefox, the form is showing properly. Here's a screenshot:

    If the issue is still happening on your end, please try to specify the height of the Iframe. Please change the height to 6781px.

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

    If that doesn't solve the issue, please try removing the script element below the Iframe code.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/62195905290156" frameborder="0" style="width: 100%; height: 6781px; 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; } var isJotForm = (e.origin.indexOf("jotform") > -1) ? true : false; if(isJotForm && "contentWindow" in iframe && "postMessage" in iframe.contentWindow) { var urls = {"docurl":encodeURIComponent(document.URL),"referrer":encodeURIComponent(document.referrer)}; iframe.contentWindow.postMessage(JSON.stringify({"type":"urls","value":urls}), "*"); } }; if (window.addEventListener) { window.addEventListener("message", handleIFrameMessage, false); } else if (window.attachEvent) { window.attachEvent("onmessage", handleIFrameMessage); } if(window.location.href && window.location.href.indexOf("?") > -1) { var ifr = document.getElementById("JotFormIFrame"); var get = window.location.href.substr(window.location.href.indexOf("?") + 1); if(ifr && get.length > 0) { var src = ifr.src; src = src.indexOf("?") > -1 ? src + "&" + get : src + "?" + get; ifr.src = src; } } </script>

    Here's a guide on how to embed the form using the Iframe method.

    Hope that helps. Thank you