What is JotForm?
JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.

At JotForm, we want to make sure that you’re getting the online form builder help that you need. Our friendly customer support team is available 24/7.

We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.


  • Profile Image

    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?

    Asked by paul.n.nuttall 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

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

    Google Site site google gadget all
  • Profile Image

    Answered by paul.n.nuttall 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
    JotForm Support

    Answered by Mike_T 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

    Answered by paul.n.nuttall 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
    JotForm Support

    Answered by Mike_T 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.