- crystaloftruthAsked 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/
- JotForm UI DeveloperberilAnswered 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.
- crystaloftruthAnswered 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
- JotForm UI DeveloperberilAnswered 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;">
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.=)
- crystaloftruthAnswered 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.
- crystaloftruthAnswered on April 26, 2016 at 09:45 PM
The scrolling down didn't work either.
- crystaloftruthAnswered on April 26, 2016 at 10:03 PM
Not precisely sure why but now it's working
- JotForm SupportEltonCrisAnswered 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.
<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!