How can I remove all of the additional space at the end of my form when using the form in a Google Site as a Google Gadget?

  • paul.n.nuttall
    Asked on March 5, 2014 at 4:55 PM

    How can I remove all of the additional space at the end of my form when using the form in a Google Site as a Google Gadget?  It is not an issue with the Google template as far as I can tell...

    See site here: https://sites.google.com/site/atorderingsite/document-order

    Form Id: 40357484763967

  • paul.n.nuttall
    Replied on March 5, 2014 at 5:34 PM

    Update to my issue:  The added space only appears when using Chrome, does not have it when using Explorer?

  • Mike_T Jotform Support
    Replied on March 5, 2014 at 5:39 PM

    I have noticed the same, it is happening only in Chrome, so it is most likely related to some Chrome bug.

    As a workaround, you might consider adding an iFrame version of the form through Embed gadget on Google Site. Please see my answer on this thread.

    If you need any further assistance, please let us know.

  • paul.n.nuttall
    Replied on March 5, 2014 at 6:10 PM

    I tried the iFrame, it's just a blank boax?

     

    https://sites.google.com/site/atorderingsite/document-order

     

    Here is the iFrame code:

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

  • Mike_T Jotform Support
    Replied on March 5, 2014 at 6:29 PM

    You will need to use SSL form link. Please try the following iFrame, and skip the 'script part':

    <iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotformpro.com/form/40357484763967" frameborder="0" style="width:100%; height:1750px; border:none;" scrolling="no"></iframe>

    Note, you can play with the height: 1750px; value on iFrame. Thank you.