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

    iFrame embedded form is getting cut off after uploading multiple files

    Asked by natashaclassic on May 27, 2015 at 05:55 AM

    I have embedded a form onto our website using iframe.

    In the form, we have a button to upload multiple images. However, if a client uploads numerous images, it makes everything below this field get cut off at the bottom of the webpage - see screen shot below:

    Initially when you open the webpage, you can see right to the bottom of the form including the submit button. But as you upload images, the submit button moves further down the page and gets cut off. 

    Please see below the screen shot image - it now ends by 'How did you hear about us' and you cannot enter the text or submit the form. 

    Page URL:
    http://www.classicvillas.co.za/submit-your-property

    Screenshot
    cut Getting JotForm uploads png
  • Profile Image
    JotForm Support

    Answered by Boris on May 27, 2015 at 06:30 AM

    I can see the issue that you have reported, and I would like to apologize for the inconvenience.

    Please try increasing the height of your iFrame, from the current:

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

    To the new, larger height:

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

    You could also change the scrolling="no" to scrolling="auto", so that your form would create a scrollbar if its content became longer than the iFrame, but this may look a little unsightly on such a beautifully designed website.

    Please let us know how it goes.

  • Profile Image

    Answered by natashaclassic on May 27, 2015 at 07:00 AM

    thank you so much!! that definitely solved my issue and it works great now if people upload many images.

     

    Thanks for the BIG help :)

  • Profile Image
    JotForm Support

    Answered by Boris on May 27, 2015 at 07:05 AM

    You are kindly welcome. :)

    Please don't hesitate to contact us again if you have any other questions or problems with your forms, we will be happy to help.