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.

Challenge:
★★☆☆☆

Steps

  1. Add component: Form
  2. In the Settings Panel set Schema to 'Jobs'
  1. Add component: Form Step
  2. Add component: Headline. Set Text to 'Job'
  3. Add component: Field Group
  4. In the Settings Panel click on Update form fields: Update
  1. Click on the Form and set Schema to 'Expenses'

  2. Duplicate the Form Step

  3. In the Settings Panel set Step to 2

  4. Change the Headline Text to 'Expenses'

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

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

  7. Set the On click: actions

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

  9. Add Action: Scroll To Field - Select the Form and set Field to 'Expense Tags'

  10. Save

  1. Copy the Button
  2. Click on the Field Group in Form Step 1. Paste the Button
  3. In the Settings Panel set Text to 'Next'
  4. Under On click: Define actions
    1. Change Form Step - Change Step to 'Next step'
    2. Scroll To Field - Change Field to 'Quote Date'
    3. Save


App export

Downloads may take a few seconds.