Automatically jump to top of page

Forms
1

Hello everyone,

I am currently building a Form where I'm using the wizard container which is really cool. Unfortunately we have a lot of content in all of the steps. So the problem is when I click on the next button the form does not scroll to the top of the form so the user has to scroll manually to top after clicking on next which is obviously is not that good in terms of usabillity. So is there a way to make the form jump to top on every click on the next button?

2

Nevermind, there is already a solution on this forum!

Here is how you achieve exactly this behaviour:

fd.rendered(function() {
   fd.container("Wizard0").widget.$on("update:startIndex", function() {
       $('.wizard-progress-bar')[0].scrollIntoView({ behavior: 'smooth' });
    });
});
1 Like
3

This is failing for me on Chrome, only working on mobile.