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?

  • Profile Image
    paul.n.nuttall
    Asked on March 05, 2014 at 04: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

  • Profile Image
    paul.n.nuttall
    Answered on March 05, 2014 at 05:34 PM

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

  • Profile Image
    Mike_T
    Answered on March 05, 2014 at 05: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.

  • Profile Image
    paul.n.nuttall
    Answered on March 05, 2014 at 06: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" onload="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>

  • Profile Image
    Mike_T
    Answered on March 05, 2014 at 06:29 PM

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

    <iframe id="JotFormIFrame" onload="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.