Scroll to top of screen

Try it out!

Scenario

The Scroll To action can be useful when using Form steps, for example when clicking a button for the next step, you want to scroll to the top of the screen.

---

Steps

1. Add component: Form
2. In the Settings Panel set Schema to 'Jobs'

3. Add component: Form Step
4. Add component: Headline. Set Text to 'Job'
5. Add component: Field Group
6. In the Settings Panel click on Update form fields: Update

7. Click on the Form and set Schema to 'Expenses'

8. Duplicate the Form Step

9. In the Settings Panel set Step to 2

10. Change the Headline Text to 'Expenses'

11. Click on the Field Group: Update form fields: Update

12. Add component: Button and set Text to 'Back'

13. Set the On click: actions

14. Add Action: Change Form Step - Select the Form and set Step to 'First step'

15. Add Action: Scroll To Field - Select the Form and set Field to 'Quote Date'

16. Save

17. Copy the Button
18. Click on the Field Group in Form Step 1. Paste the Button
19. In the Settings Panel set Text to 'Next'
20. Under On click: Define actions
    1. Change Form Step - Change Step to 'Next step'
    2. Scroll To Field - Change Field to 'Expense Tags
    3. Save

---

App export

Downloads may take a few seconds.