Page Scroll up when a button is clicked.
We have a requirement where users fill out a form and click a button at the end. On click of the button we are checking for field validation, and if there is any error we are displaying a message at the top of the page. However, the button that is clicked is located at the bottom pf the page and the page won't scroll up so that the user can see the error message displayed on top. How can we achieve this? I tried running a script window.scrollTop(0,0) but nothing happens. Please reply with any solution that you may have. Thank you.
***Edited by Moderator: Pallavi to update platform capability tags***
Updated: 14 Jun 2021 7:38 EDT
Pegasystems Inc.
IN
On the action set of the button, for the "Click" event set the action as Set Focus and given the property which is at the top of the screen.
Booz Allen Hamilton
US
I have tried that as well but the error message is displayed even further above the first field. We want to scroll up all the way to the top of the screen where the message is displayed.
Booz Allen Hamilton
US
Error message text is displayed as a layout header. Set Focus only works for Text Input format and that also if its editable. Is there any other way we can scroll up?