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

    Sides of form are getting cut off on Squarespace site.

    Asked by justinstadnyk on July 25, 2017 at 04:51 AM

    Hi - 

    Pasted the code into my squarespace website and the sides are getting cut off still, including the "speech bubble" that pops up when holding the cursor over a question.

     

    Thoughts?

    Thank you.

    CODE:

    <iframe id="JotFormIFrame-62900243937254" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.ca/62900243937254" frameborder="0" style="width:100%; height:4261px; border:none;" scrolling="no"> </iframe> <script type="text/javascript"> var ifr = document.getElementById("JotFormIFrame-62900243937254"); if(window.location.href && window.location.href.indexOf("?") > -1) { 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; } } window.handleIFrameMessage = function(e) { var args = e.data.split(":"); if (args.length > 2) { iframe = document.getElementById("JotFormIFrame-" + args[2]); } else { 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); } </script>

    Page URL:
    www.justin-stadnyk.squarespace.com/quote

    Screenshot
  • Profile Image
    JotForm Support

    Answered by Chriistian on July 25, 2017 at 11:04 AM

    Can you try to re-embed your form using the iFrame code only? 

    <iframe id="JotFormIFrame-62900243937254" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.ca/62900243937254?r=69179204" frameborder="0" style="width: 100%; height: 926px; border: none;" scrolling="no"> </iframe>

    Remove the <script> tag on your embed code and see if the issue is fixed. If the issue still presists, can you try to clone your form and try to embed the cloned form on your site and see if you will still encounter the issue? To clone your form, just follow the instructions provided in this article: How to Clone an Existing Form from a URL.

     

  • Profile Image

    Answered by justinstadnyk on July 26, 2017 at 02:58 PM

    The new code (without <script>) didn't change much.

    The cloning seems to have worked.

    Thank you.

  • Profile Image
    JotForm Support

    Answered by Chriistian on July 26, 2017 at 03:13 PM

    Glad to hear that.  Thanks for letting us know.

    If you need further assistance, just let us know.