Thank you page keeps getting cut off

  • crystaloftruth
    Asked on April 25, 2016 at 8: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

    Jotform Thread 826289 Screenshot
  • beril JotForm UI Developer
    Replied on April 26, 2016 at 2:28 AM

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

    Thank you page keeps getting cut off Image 1 Screenshot 20

     

    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.

  • crystaloftruth
    Replied on April 26, 2016 at 2: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 helpThank you page keeps getting cut off Image 1 Screenshot 20

  • beril JotForm UI Developer
    Replied on April 26, 2016 at 4: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>

    Thank you page keeps getting cut off Image 1 Screenshot 30

    Here is how it works:

    Thank you page keeps getting cut off Image 2 Screenshot 41

     

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

  • crystaloftruth
    Replied on April 26, 2016 at 7: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.Thank you page keeps getting cut off Image 1 Screenshot 20

  • crystaloftruth
    Replied on April 26, 2016 at 9:45 PM

    The scrolling down didn't work either.

    Please help.

  • crystaloftruth
    Replied on April 26, 2016 at 10:03 PM

    Not precisely sure why but now it's working

  • Elton Support Team Lead
    Replied on April 27, 2016 at 1: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" onDISABLEDload="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!