​​Creating Form Wizard using Views

Last Update: June 22, 2018

Here are the steps on how to create form wizard using "Views".

  1. Open the form in design mode.
  2. In the Form Properties pane, change the View Name property to be "Personal Information"
  3. Press on New In the Form View Group in the Form Ribbon. Change the View Name property to be "Jobs Details".
  4. Press on New in the Form View Group in the Form Ribbon. Change the View Name property to be "Contacts".
  5. In Personal Information view design workspace area, add the following:
    Creating Form Wizard using Views1.jpg
  6. Select Job Details view from the view list and add the following:
    Creating Form Wizard using Views2.jpg
    Creating Form Wizard using Views3.jpg
  7. Select Contacts view from the view list and add the following:
    Creating Form Wizard using Views4.jpg
  8. Select Personal Information view from the view list.
  9. Select BtnNext button control and switch the Validate OnClick property to ON to validate all of not hidden controls when the user press on the button to move to another view or to submit the form.
  10. In the Rules pane, click on the Add icon to add a new rule, the Rule Manager dialog will open.
    How to auto-shifting Panel control in a form2.jpg
  11. Add a new rule as follows:
    A. Change the Rule Name as desired.
    B. Change the Rule Type to Action.
    C. Change the Event Type to onClick.
    D. In the Action section, type the following script:
        showFormView('Jobs Details')
    E. Click on the Save button to save the rule.
    Note: You can use Assistance Panel to help you adding functions and related parameters, form variables and form controls to Conditions and/or Actions sections.
  12. Select Jobs Details view from the view list.
  13. Select btnBack button control and switch the Validate OnClick property to ON to validate all of not hidden controls when the user press on the button to move to another view or to submit the form.
  14. In the Rules pane, click on the Add icon to add a new rule, the Rule Manager dialog will open.
    How to auto-shifting Panel control in a form2.jpg
  15. Add a new rule as follows:
    A. Change the Rule Name if desired.
    B. Change the Rule Type to Action.
    C. Change the Event Type to onClick.
    D. In the Action section, type the following script:
        ​showFormView('Personal')
    E. Click on the Save button to save the rule.
  16. In the same view (Jobs Details view), select btnViewContacts button control and switch the Validate OnClick property to ON to validate all of not hidden controls when the user press on the button to move to another view or to submit the form.
  17. In the Rules pane, click on the Add icon to add a new rule, the Rule Manager dialog will open.
    How to auto-shifting Panel control in a form2.jpg
  18. Add a new rule as follows:
    A. Change the Rule Name if desired.
    B. Change the Rule Type to Action.
    C. Change the Event Type to onClick.
    D. In the Action section, type the following script:
         showFormView('Contacts')
    E. Click on the Save button to save the rule.
  19. Select Contacts view from the view list.
  20. Select btnViewJobDetails button control and switch the Validate OnClick property to ON to validate all of not hidden controls when the user press on the button to move to another view or to submit the form.
  21. In the Rules pane, click on the Add icon to add a new rule, the Rule Manager dialog will open.
    How to auto-shifting Panel control in a form2.jpg
  22. Add a new rule as follows:
    A. Change the Rule Name if desired.
    B. Change the Rule Type to Action.
    C. Change the Event Type to onClick.
    D. In the Action section, type the following script:
        showFormView('Jobs Details')
    E. Click on the Save button to save the rule.
  23. In the same view (Contacts view), select btnViewJobDetails button control and switch the Validate OnClick property to ON to validate all of not hidden controls when the user press on the button to move to another view or to submit the form.
  24. In the Rules pane, click on the Add icon to add a new rule, the Rule Manager dialog will open.
    How to auto-shifting Panel control in a form2.jpg
  25. Add a new rule as follows:
    A. Change the Rule Name if desired.
    B. Change the Rule Type to Action.
    C. Change the Event Type to onClick.
    D. In the Action section, type the following script:
        saveForm()
    E. Click on the Save button to save the rule.
  26. Test the form by clicking on the Preview button in the View Group.

Related Resources:
These resources may not reflect the same exact case steps.
https://www.youtube.com/embed/OR-Cj1dNqIg