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.
Thank you page keeps getting cut offAsked 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/
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.
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
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;">
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.=)
Still no good at my end, before and after adding the code you mentioned above I still get the thank you message cut off.
The scrolling down didn't work either.
Not precisely sure why but now it's working
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.
<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.
Again, just change the 300px height to something that fits your thank you page.
Hope this helps!