Back to top function for the multi-page form

Hello!

I have a problem with multi-page for. My have a lot of questions, so when I click next after first part, second part starting not from the very top of the page. Its like in a middle of the page. How to fix it that when you click next you can see the beginning of the next part not middle.

http://guide.tourlancer.com/

Hi,

The back to top function is already added to our forms. You can see it when you access the direct URL of the form: http://www.jotform.us/form/42206994983164. It's when you embed the form to a page. I'm not yet sure if this a bug, will do some testing. 

For now, please try re-embedding your form using our iFrame method: http://www.jotform.com/help/148-Getting-the-Form-iFrame-Code. Check if back-to-top works in iFrame into your website.

Thanks

Unfortunately it is not working ether.

Hello tourlancer,

I did check your web page where you have embedded your form. It seems you not embedded your form using its iFrame embed code as advised by my colleague.

Please use the following code to embed your form in web page and see if that solves your problem:

Hope this helps.

Do get back to us if the issue persists.

Thank you!

Hey!

I think I did it wrong. Now it works. But, is it possible to make that on the first page of the form scrolling will stop right after Next button? Because it is a lot of space down.

Hello tourlancer,

Please use the following iFrame embed code and see if that help you:

<iframe id="JotFormIFrame" onDISABLEDload="window.parent.scrollTo(0,0)" allowtransparency="true" src="//form.jotform.us/form/42206994983164" frameborder="0" style="width:100%; height:1329px; border:none;" scrolling="auto"></iframe>

You should remove the below mention <script> code form your web page:

<script type="text/javascript">window.handleIFrameMessage = function(e) {var args = e.data.split(":");var iframe = document.getElementById("JotFormIFrame");if (!iframe)return;switch (args[0]) {case "scrollIntoView":iframe.scrollIntoView();break;case "setHeight":iframe.style.height = args[1] + "px";break;}};if (window.addEventListener) {window.addEventListener("message", handleIFrameMessage, false);} else if (window.attachEvent) {window.attachEvent("onmessage", handleIFrameMessage);}</script>

Hope this helps.

Do get back to us if the issue persists.

Thank you!

Nope. It doesn't work. On the second and third page I have 2 scroll bars. And it is not working correctly. Check it out: guide.tourlancer.com

Hello tourlancer,

I did check your web page and I was able to replicate the issue you are having. Let me do some further tests and get back to you on this soon.

Thank you!

Sure, I will wait!

Thank you!

Hello! 

Can you tell me please how long it will take to find a solution? We need to use our survey because we have a time limit + I want to pay for more people but until I will see that everything is working perfect I will not pay. 

Thank you!

I'm sure my colleague is working on this, but I don't have the idea how long it takes him to find a workaround for this. Our apologies for waiting.

Can you try the source codes method instead. Get it here: http://pastiebin.com/53ebf7d184f70 (the google analytics codes are already added). Check if that works. 

Thank you!

By the way, replace everything on your current index.html with the source codes. Thanks

I did. Nope it doesn't work too.

Can I check the page? The http://guide.tourlancer.com/ page just contains the iFrame codes.

Please nevermind, I see the changes now. It's actually working here. Here's quick screencast: https://shots.jotform.com/welvin/screencast/2014-08-14_0813.swf

Thank you!

So, why it is not working on mine?

Oh, it is working now. So, how can I create another one working too?

That's great! Well, just embed your form using the same method. Here's the guide: http://www.jotform.com/help/104-How-to-get-the-Full-Source-Code-of-your-Form

Thank you!

Great!

Thank you so much.

Hello tourlancer,

On behalf of my colleague, you are welcome.

Do get back to us if you have any questions.

Thank you!