Form is not fully shown after embedding on Wix

  • Profile Image
    phonefixers
    Asked on January 03, 2016 at 12:29 PM

    i am adding the embed code , and the wix code none work properly. the progress bar overlaps, and the next buttons dont show up

  • Profile Image
    jonathan
    Answered on January 03, 2016 at 04:09 PM

    I was able to see the problem as well when I checked on your Wix website.

    Have you tried already re-embed method using the iframe code of the form?

    Can you please retry again at this time... please follow the steps on our user guide on Adding-a-Form-to-Wix-Site

    Please let us know if this still did not resolve the issue.

     

     

  • Profile Image
    phonefixers
    Answered on January 04, 2016 at 11:57 AM

    it still did not work. iFrame or the Wix Platform Button

  • Profile Image
    Ben
    Answered on January 04, 2016 at 02:43 PM

    Please do try to replace your current code with the following one instead:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.com/53645999114164" style="width: 100%; height: 327px; border: medium none; min-height: 600px;" scrolling="no" frameborder="0"></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>

    Do let us know how it goes with that code.