Form does not show in full length on my WIX site

  • caern11423
    Asked on August 7, 2016 at 4: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.

  • Jan
    Replied on August 7, 2016 at 6:21 PM

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

    Form does not show in full length on my WIX site Image 1 Screenshot 20

    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" onDISABLEDload="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" onDISABLEDload="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