Bottom of Form cuts off when upload files function is used

  • Profile Image
    SwedenHus
    Asked 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?

  • Profile Image
    jonathan
    Answered 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
    SwedenHus
    Answered 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
    KadeJM
    Answered 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
    SwedenHus
    Answered on August 19, 2014 at 05:11 AM

    Thank you so much, I works perfectly now!