Bottom of Form cuts off when upload files function is used

  • SwedenHus
    Asked on August 17, 2014 at 7: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?Bottom of Form cuts off when upload files function is used Image 1 Screenshot 20

  • jonathan
    Replied on August 17, 2014 at 5: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.

    Bottom of Form cuts off when upload files function is used Image 1 Screenshot 20

     

    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" onDISABLEDload="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.

  • SwedenHus
    Replied on August 18, 2014 at 8: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?

  • KadeJM
    Replied 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" onDISABLEDload="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:

    Bottom of Form cuts off when upload files function is used Image 1 Screenshot 20

     

     

  • SwedenHus
    Replied on August 19, 2014 at 5:11 AM

    Thank you so much, I works perfectly now!