Thank you page with submission confirmation showing partially only

  • Profile Image
    bhpinfo
    Asked on October 31, 2012 at 06:01 AM

    Hi,

    I've created this logo quiz and the idea is that after you submit your answers the thank you page then shows pretty much the same page but with correct answers alongside the ones you submit.

    I have created the thank you page but for some reason it only displays the very top of the results table, cuts after the second row and I can't see why.

    I've temporarily placed the HTML for the thank you message on this page so it's visible, but it is exactly the same in the thank you message bit in jotform.

  • Profile Image
    NeilVicente
    Answered on October 31, 2012 at 07:20 AM

    Hello,

    Can you please try re-embedding the form using iFrame method as opposed to the default script-based one?

    Let me know how it works for you.

    Thanks!

  • Profile Image
    bhpinfo
    Answered on October 31, 2012 at 07:42 AM

    It almost worked.

    Is there a way to make the height of the iframe flexible? If I don't set the height it cuts off halfway through the first row of logos. If I set it to 1900px it is fine (with a bit of white space at the bottom), but then the thank you message is cut off as it will be longer than the form itself. I do not want to ste original height at 2500px as then the bottom of the page will have too much white space.

    Also, is there a way to make it go to the top of the page when thank you message is presented. With long forms it is very annoying and tahnk you message can be completely missed if a person filling the form will not scroll back up.

  • Profile Image
    NeilVicente
    Answered on October 31, 2012 at 08:06 AM

    Unfortunately, iFrame height cannot be dynamic, and thus cannot accommodate the form and the thank you message's varying heights.

    Would you be amenable to decreasing the thank you page's table cell padding and cell spacing so that it would fit the iFrame that holds the form?

  • Profile Image
    bhpinfo
    Answered on October 31, 2012 at 08:25 AM

    Thaks, I've done this now.

    Is there anything I can do about going to the top of the page when results show?

  • Profile Image
    NeilVicente
    Answered on October 31, 2012 at 08:31 AM

    I will have to find a custom solution for that and will get back to you after.

    At the same time, I'll be forwarding a ticket to our developers so that the iFrame will always scroll to the top when the thank you message is shown.

    We'll let you know once it's fixed. Thanks!

  • Profile Image
    bhpinfo
    Answered on October 31, 2012 at 08:34 AM

    It's the same with embedded code, so not only iframe issue.

     

    Thanks for this and for all your help :-)

  • Profile Image
    NeilVicente
    Answered on October 31, 2012 at 08:45 AM

    Please re-embed the form using the following codes:

    <iframe width="700" scrolling="no" height="1850" frameborder="0" allowtransparency="true" src="https://secure.jotformpro.com/form/22992880261965" onload="scroll(0,0);"> </iframe>

    The addition of onload="scroll(0,0);" should force your page to scroll to the top after form submission.

    Regards

  • Profile Image
    bhpinfo
    Answered on October 31, 2012 at 09:07 AM

    It worked!

    Fantastic, thanks.