0 0 0 0

NEX-Forms Documentation

Documentation & Tutorials for NEX-Forms version 8.0 and above

Docs » Multi-step Forms » Overall Multi-step Form Settings
Overall Multi-step Form Settings

This article covers the overall multi-step settings. Here you will find step by step instruction to use auto-scroll to top, disabling back stepping and how to make use of animations for step transitions.

In this Article

How to Edit the Multi-step Breadcrumd
  1. Edit or Create a new multi-step form.
  2. CLICK on the Multistep Settings.
    NEX-Forms - Figure Arrow
    NEX-Forms - Managing Entries - Figure - 1
  3. Click on on the "SETUP" Tab from the Multi-step Settings panel.
    NEX-Forms - Figure Arrow
    NEX-Forms - Managing Entries - Figure - 1
  4. This will give you the overall multi-step settings.
Enabling Auto-Scroll to top of the Next Step
This setting allows you to control autoscroll to the top of the next step when a user completes a preceding step. This is useful esspecialy when you have long steps to guide your user back to the top of the next step so they do not have to use a mouse to scroll to the next step's top possition.
  1. Open the Multistep Settings.
    NEX-Forms - Figure Arrow
    NEX-Forms - Managing Entries - Figure - 1
  2. CLICK check icon in the Auto-scroll settings to enable the Auto-scroll.
    NEX-Forms - Figure Arrow
    NEX-Forms - Managing Entries - Figure - 1
  3. To Disable the Auto-scroll CLICK X icon in the Auto-scroll settings.
    NEX-Forms - Figure Arrow
    NEX-Forms - Managing Entries - Figure - 1
Disbale Back Stepping
This setting allows you to control if a user can go back in a multi-step form using the breadcrumb and/or back buttons.
  1. Open the Multistep Settings.
    NEX-Forms - Figure Arrow
    NEX-Forms - Managing Entries - Figure - 1
  2. CLICK check icon in the back stepping settings to disable Back Stepping.
    NEX-Forms - Figure Arrow
    NEX-Forms - Managing Entries - Figure - 1
  3. To Enable back stepping CLICK X icon in the Back Stepping settings.
    NEX-Forms - Figure Arrow
    NEX-Forms - Managing Entries - Figure - 1
Animating Step Transitions
This section will help you to setup step in and step out animations for your multi-step forms.
How to Setup a STEP-IN Animation
A Step-In animation will run on for example STEP 2 after the user completed STEP 1 and so forth.

  1. Open the Multistep Settings.
    NEX-Forms - Figure Arrow
    NEX-Forms - Managing Entries - Figure - 1
  2. SELECT an animation from the step in setting.
    NEX-Forms - Figure Arrow
    NEX-Forms - Managing Entries - Figure - 1
How to Setup a STEP-OUT Animation
A Step-Out animation will run on the current step that have just been completed and just before the next step's step-in animation.

  1. Open the Multistep Settings.
    NEX-Forms - Figure Arrow
    NEX-Forms - Managing Entries - Figure - 1
  2. SELECT an animation from the step out setting.
    NEX-Forms - Figure Arrow
    NEX-Forms - Managing Entries - Figure - 1
Example Form - Step Transition Animtions
Below we have an actual form example of a multi-step form using a STEP-IN FadeInRight animation and the STEP-OUT FadeOutLeft animation.
NEX-Forms - Managing Entries - Figure - 1
Go ahead and complete a step or 2 in this form to see how the animations affect the step transitions.

Personal Information
Was this article helpful?
Yes
No
Still having trouble? How can we help you?
This article was last updated on 19 November 2024
Popular Articles
Stay in Touch
Get the latest NEX-Forms news and info by following us on:
In this article