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 is not fully shown after embedding on Wix

    Asked by phonefixers 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

    Page URL:
    http://www.irepairsp.com/#!your-iphone/u6ipp

    Screenshot
    progress bar iframe Wix
  • Profile Image
    JotForm Support

    Answered by jonathan 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

    Answered by phonefixers on January 04, 2016 at 11:57 AM

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

  • Profile Image

    Answered by Ben 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.