JotForm is a free online form builder which helps you create online forms without writing a single line of code. No sign-up required.
We believe that if one user has a question, there could be more users who may have the same question. This is why many of our support forum threads are public and available to be searched and viewed. If you’d like help immediately, feel free to search for a similar question, or submit your question or concern.
Forward and Back TabsAsked by utvmasters on July 07, 2015 at 01:12 PM
I am trying to see if there is a way to complete 2 items
1) Clicking the next tab only takes you to the bottom of the form on the next page. is there a way to get to the top of the form?2) When clicking back on a form not all of the info is retained and requires inputting it again.
and next items all
To my understanding you appear to be having two different issues with your form so lets go ahead and take a look at your first issue on this thread here involving form going to top of the next page.
And as for your secondary issue with retaining the information I have moved that over here so that we can look at it separately.
Anyhow though, I checked the next page going to the top of the page after clicking "next button" and I noticed on your standalone form this is working properly which usually means it's not the form causing the issue.
However, when I checked this again on your embedded form I noticed this was the opposite and I can confirm that there it doesn't go to the top of the next page like it should. I believe there's a conflict or something may be missing that would make it function properly.
It appears you are using just the iframe.
Can you try using the iframe + script to see if that makes any difference?
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotform.us/form/51756786960168" frameborder="0" style="width:100%; height:12451px; border:none;" scrolling="no"></iframe>
Alternatively, you could try modifying the iframe code and adding ' #top ' to the end of it if the first way doesn't work.
<iframe id="JotFormIFrame" onload="window.parent.scrollTo(0,0)" allowtransparency="true" src="https://secure.jotform.us/form/51756786960168?#top" frameborder="0" style="width:100%; height:12451px; border:none;" scrolling="no"></iframe>
Great thank you all works perfect now