This is a migrated thread and some comments may be shown as answers.

wizard scroll to top on next

2 Answers 34 Views
Wizard
This is a migrated thread and some comments may be shown as answers.
Yan
Top achievements
Rank 1
Yan asked on 11 Nov 2016, 03:05 PM

Hi,  One of my wizard step is taking up a lot of space on mobile.  User need to scroll down to fill the form.  When the user click next,  the wizard does not come back to top.

 

Is there a way to automatically scoll back to top when we hit "next" ?

 

thank you

2 Answers, 1 is accepted

Sort by
0
Yan
Top achievements
Rank 1
answered on 11 Nov 2016, 03:05 PM
by the way my wizard is in an ajax pannel if this change something!
0
Ivan Danchev
Telerik team
answered on 16 Nov 2016, 09:56 AM
Hello Yan,

Indeed this behavior is related to updating the Wizard with the AjaxPanel. You can scroll to the top of the page when the Wizard is loaded as shown below:
<script>   
    function OnClientLoad(sender) {
        setTimeout(function () {
            $telerik.$(window).scrollTop(0);
        }, 100)
    }
</script>
<telerik:RadAjaxPanel runat="server" ID="RadAjaxPanel1">
            <telerik:RadWizard ID="RadWizard1" runat="server" OnNextButtonClick="RadWizard1_NextButtonClick"
                 OnPreviousButtonClick="RadWizard1_PreviousButtonClick" OnClientLoad="OnClientLoad">


Regards,
Ivan Danchev
Telerik by Progress
Try our brand new, jQuery-free Angular 2 components built from ground-up which deliver the business app essential building blocks - a grid component, data visualization (charts) and form elements.
Tags
Wizard
Asked by
Yan
Top achievements
Rank 1
Answers by
Yan
Top achievements
Rank 1
Ivan Danchev
Telerik team
Share this question
or