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

    Embedding using the Iframe code - the form gets cut off when hidden fields are revealed

    Asked by colinhiscock on August 13, 2014 at 06:16 AM

    I've embedded using iFrame but I've had to turn scrolligng on in the html as it get cut off if you select company.  Is there any way to make th iframe longer?  I've tried various things in the html but don't really know what I'm doing as the website was written in serif webplus.

  • Profile Image

    Answered by jedcadorna on August 13, 2014 at 10:26 AM

    Please try re-embedding the iframe but this time do not include the <script> </script> as when including those the height that you apply does not work.

    By removing the script section in the iframe code this should set a fix height. Sample of your iframe code below. Remove the one that has a strikethrough.

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformpro.com/form/41473684843968" frameborder="0" style="width:100%; height:12000px; border:none;" scrolling="yes"></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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>