- PreservationGreenLabAsked on August 03, 2012 at 05:05 AM
I've been really impressed at this tool, and your customer support!
I hope that you'll be able to help me out. I know I kind of have two issues in this email, but I imagine it is something that other users are trying to do, and may be helpful for them
Basically, I have a form embedded on a web page.
A) I was using the EMBED code, until I realized that I was encountering the same problem as this user:
I have embedded a form with page breaks onto my website. The problem is the first time someone opens their browser and they go to this particular page, the form wont load properly. After filling out the first page, when they try to proceed to the next section after the page break, the next button is not clickable. In addition, the back button appears even though it shouldnt because this is the first section before the first page break.
It appears that it only happens when the user visits the page the FIRST time, Once you click reload, the problem disappears, making it hard to replicate, If you clear your cache and load the page again, then the problem reappears. This is a problem because I can't be asking people filling out the form to reload the page before they start.
This form is located at: http://www.preservationnation.org/information-center/sustainable-communities/sustainability/green-lab/DEBRSurvey/Survey-1.html
B) Looking for a solution, I tried using the iframe embed
And while it seemed it fixed the issue with the next and back buttons, there were two issues... 1) when I try to navigate the form by clicking the 'next' button, it loads the pages open at the current location of the pagem rather than jumping to the top. This is an issue for me, because page 1 and 2 of the form is relatively short, page 3 is long, and page 4 is short again, and it is very confusing.
I believe it's the same problem as this user (the first problem he listed)
I have tried ?nojump, but it does not appear to be doing anything.
This form is located at: http://bit.ly/green-lab-survey
- JotForm SupportNeilVicenteAnswered on August 03, 2012 at 09:48 AM
I was able to reproduce the problem with the script embed. Indeed, the page buttons don't seem to work the first time the form is loaded. Upon further checking, I found out that the required validation doesn't work either. I therefore conclude that the form's scripts fail to run on first load.
I have a feeling that it is caused by one of the many other scripts in your page, but I can't (yet) figure out which one is the culprit.
Anyway, as for the iFrame method, I was not able to see the problem about the form staying on the current location. My tests show that the page always jumps to the top of the form. Here's a short video:
Here is the embed code I used:
<iframe allowtransparency="true" src="//form.jotform.us/form/21977209757164" frameborder="0" style="width:100%; height:2500px; border:none;" scrolling="auto">
- PreservationGreenLabAnswered on August 03, 2012 at 03:07 PM
I just tried the code you passed me, and it works! awesome! it seems like scrolling="auto" saved the day. A fllowup question. is there a way to change the scroll bar colors so that there is not two sets of scroll bars on the site?
thanks for the great support!
- pinoytechAnswered on August 03, 2012 at 03:56 PM
As I've check your form in your website and I didn't see any scroll bar. What I see now in your page is big space of your bottom form. Please take a look screenshot of your website here.
- PreservationGreenLabAnswered on August 03, 2012 at 04:12 PM
Hi there, it seems to be only happening on the longer pages, page 3 and 4...
- JotForm SupportNeilVicenteAnswered on August 03, 2012 at 06:02 PM
Your form does not show any scrollbar. Also, you seem to be using script embed method now. Are you still having problems with it?