Page scroll to top when form is submitted.

  • Profile Image
    Russell Good 
    Asked on October 28, 2020 at 06:40 PM

    Hello, I created a ticket for an issue last week. I received a response, but the response did not fix the issue. I tried replying to the email notification, but I didn't hear back on that. I'm guessing that's an unmonitored email address. Here's the original ticket URL: https://www.jotform.com/answers/2650370-Page-is-scrolled-to-top-after-form-submit

    Here's my response to the response on that ticket:

    Rusty Good <rwgood187@gmail.com>

    Fri, Oct 23, 11:35 AM (5 days ago)

    cleardot.gif

    to forum+2650370

    Thanks. I tried both of those things. Neither of them fixed the problem of the page being scrolled to the top and the user not knowing what's happening. However, when I embedded the form with an iframe, it stopped throwing the cross origin iframe error. 

    I tried removing all the 'submit' and 'click' event listeners from the the form and submit button elements (except for the ones added by jotform code) and the page is still scrolled to the top when I submit.

  • Profile Image
    Jed_C
    Answered on October 28, 2020 at 11:06 PM

    Please try using the embed code below and see if that helps.

     <iframe id="JotFormIFrame-202515265099154" title="Green Casket Interest Form" onload="window.scrollTo({top: 2500, left: 1000});" allowtransparency="true" allowfullscreen="true" allow="geolocation; microphone; camera" src="https://form.jotform.com/202515265099154" frameborder="0" style=" min-width: 100%; height:539px; border:none;" scrolling="no" > </iframe> 

    Let us know how it goes.

  • Profile Image
    Dancing_Rabbit
    Answered on October 29, 2020 at 05:15 PM

    Thanks, I got a response from Vick_W in an email. I used this iframe code and it fixed the scrolling issue:

      <iframe
       id="JotFormIFrame-202515265099154"
       title="Green
    Casket Interest Form"

       allowtransparency="true"
       allowfullscreen="true"
       allow="geolocation; microphone; camera"
          src="https://form.jotform.com/202515265099154"
       frameborder="0"
       style="
       min-width: 100%;
       height:539px;
       border:none;"

       scrolling="no"
      >

      </iframe>


    The issue still remains that the user doesn't know what's happening after they submit the form, because the form is removed and they see only a white space. There should be a loading gif or something that shows up on submit, so the user knows they're waiting on something. This seems like it should be a standard feature. Is there some setting in our account that turned it off or something?

    Thanks,

    Russell

  • Profile Image
    Jed_C
    Answered on October 29, 2020 at 08:03 PM

    Have you tried mine? I tried adding "onload="window.scrollTo({top: 2500, left: 1000});" in the iframe code I've provide. Can you please try that?

  • Profile Image
    Dancing_Rabbit
    Answered on October 29, 2020 at 10:11 PM

    Yes, this also works. The scrolling is fixed, but the more important problem still exists - there's nothing indicating to the user that the form is submitting and they need to wait for it to finish.

  • Profile Image
    Jed_C
    Answered on October 29, 2020 at 11:20 PM

    Upon checking, you are redirecting your users to a different thank you page https://www.dancingrabbit.org/green-casket-part-2-v2/.

    1604027974_5f9b8646413f7_The Easiest Onl

    That's the reason why users won't see anything when the form is being submitted, but instead will be redirected to that URL.

    If I misunderstood your question, kindly clarify it. Looking forward for your response.

  • Profile Image
    Dancing_Rabbit
    Answered on October 30, 2020 at 12:47 PM

    I think you've understood correctly. Everything is working as expected, but the time between the user submitting the form and when the redirect happens is too long. It has been 3 - 5 seconds in my tests. The user could close the tab after that long, because they're given no indication that they're waiting for something. That's on a good network. Maybe you have a fast computer and very fast internet connection and don't notice. In that case you should try throttling you're network connection while testing. Then you will see that this really doesn't work. If nothing happens for ten seconds (as could be the case on a slow network connection) and the user has no indication that they're waiting for the form to finish submitting, they will probably abandon it. In our case, that, totally screws up the process.

  • Profile Image
    VincentJay
    Answered on October 30, 2020 at 04:37 PM

    Hi,

    Unfortunately, there's no option or feature that can display text after the user submitted the form and getting redirect to a different page. However, you can try the default thank you page and add the link or site you want the user to go to.

    1604090226_5f9c797214ac9_cbnf4.gif

    Will that work for you?