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

    Thank you page keeps getting cut off

    Asked by crystaloftruth on April 25, 2016 at 08:51 PM

    The thank you page on this form keeps getting cut off. I've tried adding min heights to the divs that contain it but no good.

    This is the page that the form is on: http://www.marketingandbranding.com.au/citisolar20160426f/

    Thanks

    Page URL:
    http://www.marketingandbranding.com.au/citisolar20160426f/

    Screenshot
    thank cut Getting www thanks href min
  • Profile Image
    JotForm Support

    Answered by beril on April 26, 2016 at 02:28 AM

    I've cloned and tested your form. I am not able to reproduce the same issue that you’re having.

     

    Can I make a test submission on your website? At that time, we can assist more properly. In addition to that, could you try to re-embed the form using our iframe method? http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code. If the above is indeed the reason, the iframe should fix it. Try it and let us know if the issue persists.

  • Profile Image

    Answered by crystaloftruth on April 26, 2016 at 02:59 AM

    I've tried switching to the iframe version but am still having the same issue - actually it cuts it off even earlier now. If you'd like to test the form on our site that would be greatly appreciated.

    Here's an updated link to the iframe version: http://www.marketingandbranding.com.au/citisolar20160426i/

    The form is at the bottom of each page.

    Thanks for your help

  • Profile Image
    JotForm Support

    Answered by beril on April 26, 2016 at 04:22 AM

    You're most welcome. I've fixed that issue by adding the CSS code below in your Thank you page.

    <div style="min-height: 440px !important;">

    </div>

    Here is how it works:

     

    However, you need to scroll down to see the thank you message. We can also solve that issue by changing your Iframe code as you see below:

    <iframe id="JotFormIFrame" onload="self.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.co/61017916491860" frameborder="0" style="width:100%; height:539px; border:none;" scrolling="no"> </iframe>

    We would appreciate it if you could also test it on your side and let us know the result. I look forward to hearing from you soon.=)

  • Profile Image

    Answered by crystaloftruth on April 26, 2016 at 07:45 PM

    Still no good at my end, before and after adding the code you mentioned above I still get the thank you message cut off.

  • Profile Image

    Answered by crystaloftruth on April 26, 2016 at 09:45 PM

    The scrolling down didn't work either.

    Please help.

  • Profile Image

    Answered by crystaloftruth on April 26, 2016 at 10:03 PM

    Not precisely sure why but now it's working

  • Profile Image
    JotForm Support

    Answered by EltonCris on April 27, 2016 at 01:58 AM

    Glad to hear that it is working now.

    There are also 2 ways to resolve this if in case you run into this problem again.

    1. Simply add min-height style within the iframe embed code.

    Example:

    <iframe id="JotFormIFrame" onload="self.parent.scrollTo(0,0)" allowtransparency="true" src="https://form.jotform.co/61017916491860" frameborder="0" style="width: 100%; height: 437px; border: none;min-height:300px;" scrolling="no"> </iframe>

    Just change 300px until it perfectly show the thank you page.

    2. Another solution is to inject the following CSS codes into your form.

    body.thankyou .form-all{

    height:300px;

    }

    Again, just change the 300px height to something that fits your thank you page. 

    Hope this helps!