Is there a way to let page auto-scroll till the position of the form after being redirected to the next steps of a multipage form?
I have a multipage form displayed at the bottom of a long page so when I click on the next step the form redirects me to the next step page correctly but it sets me to the top of the page and user cannot see that the form is lower. So I would axpect that the page will auto scroll till the form section.
Is there a way to do it?
Thanks in advance.
I have a multipage form displayed at the bottom of a long page so when I click on the next step the form redirects me to the next step page correctly but it sets me to the top of the page and user cannot see that the form is lower. So I would axpect that the page will auto scroll till the form section.
Is there a way to do it?
Thanks in advance.
Put an anchor link at the end of the url #idofthrelementyouwanttoscrollto I'm out right now so you might need a bit of a Google.
Hi deltafidesing,
You could also try using Ajax submit (provided that there are no file uploads) or showing the form in a pop-up module.
Bob
You could also try using Ajax submit (provided that there are no file uploads) or showing the form in a pop-up module.
Bob
@healyhatman where should I assing the ID? I already tryed to assign the form ID to the submit event, example: page3#myformid but it doesn't work correctly in the URL because "#" symbol is not rendered as "#" but as %etc...
@GreyHead those solutions are not my case, already tested before but not possible for some reasons (too long to explain here)
I've found a solution using jquery, but I'm not sure this is the best way to do this. Anyway if this is can be the only solution and can be helpull for other people, here it is:
In Setup tab -> Page tab -> add e custom code with this code inside:
<script>
jQuery(document).ready(function($){
$('html, body').animate({
scrollTop: $("#myid").offset().top
},10);
});
</script>
I've used 10milliseconds just to avoid some possible scenarios conflicts, not sure about this anyway.
Any other better solution than this one?
Also, why not implementing this feature (auto-scroll) in next ChronoForms releases?
@GreyHead those solutions are not my case, already tested before but not possible for some reasons (too long to explain here)
I've found a solution using jquery, but I'm not sure this is the best way to do this. Anyway if this is can be the only solution and can be helpull for other people, here it is:
In Setup tab -> Page tab -> add e custom code with this code inside:
<script>
jQuery(document).ready(function($){
$('html, body').animate({
scrollTop: $("#myid").offset().top
},10);
});
</script>
I've used 10milliseconds just to avoid some possible scenarios conflicts, not sure about this anyway.
Any other better solution than this one?
Also, why not implementing this feature (auto-scroll) in next ChronoForms releases?
This topic is locked and no more replies can be posted.
