Creating Form Wizard using Views
Last Update: June 22, 2018
Here are the steps on how to create form wizard using "Views".
- Open the form in
design mode.
- In the
Form Properties pane, change the
View Name property to be "Personal Information"
- Press on
New In the
Form View Group in the Form Ribbon. Change the
View Name property to be "Jobs Details".
- Press on
New in the
Form View Group in the Form Ribbon. Change the View Name property to be "Contacts".
- In Personal Information view design workspace area, add the following:

- Select Job Details view from the view list and add the following:


- Select Contacts view from the view list and add the following:

- Select Personal Information view from the view list.
- 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.
- In the
Rules pane, click on the Add icon to add a new rule, the
Rule Manager dialog will open.

- 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. - Select Jobs Details view from the view list.
- 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.
- In the
Rules pane, click on the Add icon to add a new rule, the
Rule Manager dialog will open.

- 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. - 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.
- In the
Rules pane, click on the Add icon to add a new rule, the
Rule Manager dialog will open.

- 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. - Select Contacts view from the view list.
- 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.
- In the
Rules pane, click on the Add icon to add a new rule, the
Rule Manager dialog will open.

- 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. - 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.
- In the
Rules pane, click on the Add icon to add a new rule, the
Rule Manager dialog will open.
- 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. - 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