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

    Bottom of Form cuts off when upload files function is used

    Asked by SwedenHus on August 17, 2014 at 07:08 AM

    I have created a form and put the iframe code into my squarespace site. When you use the upload files function, to upload multiple files, the bottom of the form disappears on the webpage, so not all field can be completed and nothing can be submitted. How I can get the form to expand and be visible?

    Page URL:
    http://swedish-hus.squarespace.com/information-om-objektet

    bottom of form JotForm iframe code uploads
  • Profile Image
    JotForm Support

    Answered by jonathan on August 17, 2014 at 05:15 PM

    Hi,

    I was able to see the problem on the embedded form on the website.

    Please refer to the screenshot image below for the explanation.

     

    to fix the problem, the height of the iframe should be increased

    OR limit the number of allowed uploaded files simultaneously.

    Get the iframe embed code of the form and increased the height.

    if this is the iframe code of the form

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformeu.com/form/42273654413351" frameborder="0" style="width:100%; height:1640px; 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>

    increased its height px value.

     

    Hope this help. Inform us if issue persist.

     

    Thanks.

  • Profile Image

    Answered by SwedenHus on August 18, 2014 at 08:16 AM

    Thank you for your help!

    I know nothing about coding, I want customers to be able to upload a max of 20 image files and to still be able to use the rest of the form and to submit. Using the code you supplied, I can upload 12 images before the bottom of the form gets cut off - how can I increase it to accommodate up to 20 file uploads?

  • Profile Image
    JotForm Support

    Answered by KadeJM on August 18, 2014 at 10:54 AM

    On behalf of my colleague you are very welcome. In order to increase it to accommodate the size of the form you would need to adjust the height of the code which my colleague had bolded in the iframe code above for you.

    You would need to change it from " height:1640px; " to " height:1950px; "

    Try using this Updated iFrame Code:

    <iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotformeu.com/form/42273654413351" frameborder="0" style="width:100%; height:1950px; border:none;" scrolling="no"></iframe>

     

    Result:

     

     

  • Profile Image

    Answered by SwedenHus on August 19, 2014 at 05:11 AM

    Thank you so much, I works perfectly now!