How to know what height to set iframe at?

  • Profile Image
    carecycle
    Asked on September 15, 2015 at 09: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?

  • Profile Image
    ashwin_d
    Answered on September 16, 2015 at 01:10 AM

    Hello carecycle,

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

    <iframeid="JotFormIFrame"onload="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!