Reload form upon completion

  • Profile Image
    CMRI
    Asked on August 23, 2017 at 05:12 AM

    We are looking at having a form at our next event to capture details of attendees. This will mean we will need the form to reload once completed so the next person can enter the same form?

    Is it possible to have a form completed and then reload to a fresh form upon submission? (ideally after saying thank you first)

     

    Thank you in advance!

  • Profile Image
    Nik_C
    Answered on August 23, 2017 at 05:30 AM

    Yes, there is a way to do that, here is how https://www.jotform.com/help/89-Create-a-Custom-Thank-you-page-with-Auto-redirect

    So you could create a Thank you page by following that guide and set the redirection page to be the Form URL: https://form.jotform.co/72342291576863 

    Instead of "http://www.jotform.com" in the above image.

    Let us know if you have any additional questions.

    Thank you!

  • Profile Image
    CMRI
    Answered on August 24, 2017 at 04:49 AM

    Thank you! It worked, but I would like to make the Thank You page include our little girl image behind it.

    This is what I have done:

    https://www.cmri.org.au/www_CMRI/media/CmriCms/Jotform%20(DE)/thank-you.html

     

    BUT I was wondering if you could help me work out how I can incorporate this image in the code so we can see the little girl behind the Thank You. I am not a developer so I am not sure how to do this.

    This is where the image is saved on our server:

    https://www.cmri.org.au/www_CMRI/media/CmriCms/Jotform%20(DE)/blow-534.jpg

  • Profile Image
    Nik_C
    Answered on August 24, 2017 at 05:13 AM

    Ok, I worked on this a bit, did you have something like this in mind:

    Here is the code I used:

    <html>

    <body>

    <div style="background-image: url('https://www.cmri.org.au/www_CMRI/media/CmriCms/Jotform%20(DE)/blow-534.jpg');background-position: center; background-size: 500px 350px;background-repeat: no-repeat; height:350px;">

    <p style="text-align: center;"><img src="https://cdn.jotfor.ms/img/check-icon.png" alt="" width="128" height="128" /></p>

    <div style="text-align: center;">

    <h1 style="text-align: center;">Thank You!</h1>

    <p style="text-align: center;">Your submission has been received.</p>

    </div>

    </div>

    </body>

    </html>

    <script type="text/javascript">

    var timer = 2; //seconds

     website = "https://form.jotform.co/CMRI/supporter-details"

    function delayer() {

     window.location = website;

    }

    setTimeout('delayer()', 1000 * timer); 

    </script>

     

    Please let us know how that worked for you.

    Thank you!