How to know what height to set iframe at?

  • carecycle
    Asked on September 15, 2015 at 9:37 PM

    for those of us who don't code & are just trying to embed a form, it would seem that jotform should just set the iframe height to match the form in the first place. how do we determine what height to set it at to get rid of all the extra space?

  • Ashwin JotForm Support
    Replied on September 16, 2015 at 1:10 AM

    Hello carecycle,

    You can manually edit the height of your iFrame by editing the "Height" attribute of iFrame embed code: 

    <iframeid="JotFormIFrame"onDISABLEDload="window.parent.scrollTo(0,0)"allowtransparency="true"src="https://secure.jotformpro.com/form/52563195319965"frameborder="0"style="width:100%;height:514px;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;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

    Please be noted that when you copy your form's iFrame embed code, it also includes a script code as well. This script code will adjust the height of your form automatically. 

    Please share the webpage URL where you have embedded your form and we will help you fix the height issue.

    We will wait for your response.

    Thank you!