Loaded the IFrame into my website, it adds additional blank space at the bottom of the page underneath the next button, almost like a whole page

  • Profile Image
    juliehart28
    Asked on February 10, 2014 at 03:53 PM

    http://www.stjohnschool.com/index.cfm?load=page&page=235

     

    See my registration form on my site.  Scroll down towards bottom.  I have multiple pages, but underneath the next form is   Any suggestions to what I am doing wrong?  Here is the source code and its the only code in that module.

     

    <div style="text-align: center;"><span style="line-height: 1.6em;">&nbsp;</span><iframe allowtransparency="true" frameborder="0" id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" scrolling="no" src="//form.jotform.co/form/33436496271863" style="width:100%; height:5164px; border:none;"></iframe></div>

    <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>

  • Profile Image
    Carina
    Answered on February 10, 2014 at 04:06 PM

    Hello

    I checked the code, and the Iframe has a height:5164px:

     

    <div style="text-align: center;"><span style="line-height: 1.6em;">&nbsp;</span><iframe allowtransparency="true" frameborder="0" id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" scrolling="no" src="//form.jotform.co/form/33436496271863" style="width:100%; height:5164px; border:none;"></iframe></div>

    <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>

     

    Please try to change that value to 1400px (I believe it is enough) but adjust to a preferred value.

    Kindly let us know if you need more assistance.