Form wizard consists of a sequence of forms through which the end user can navigate sequentially in order to achieve a specific objective. Form Wizard is similar to Tab panel,but the difference is, Form Wizard enables end user to navigate between the forms using Previous and Next buttons, also allows you to complete the process using the Submit button.
Form Wizard can contain any number of forms within the wizard as menus. Sequence of the menus is defined by the sequence in which the forms are selected while adding them to the Form Wizard.
Note:The sequence of the menus can be changed only by deleting the menus and adding the forms again in a correct sequence.
In the subsequent steps, let's lookat the details for creating a Form Wizard in Form Designer.
- Click Create > Form
- Click Form Wizard icon in the Form ribbon.
- In the pop-up window, select the forms which are to be displayed in the Form Wizard. Sequence of the menus in Form Wizard is defined by the sequence in which the forms are selected from the pop-up window.
...
- Click Save to save the form selections and close the pop-up window.
- The following table provides information about the properties that are applicable to Form Wizard:
# | Property | Description | Sample Values |
---|---|---|---|
Form ID | Unique ID of the Form on which you want to place the Form Item. | BASIC_DETAILS | |
Title | Form Title that appears on the user interface as a title. Form title can be a plain text or property-key driven text. | Form wizard | |
Description | Brief description about the Form for reference. | Example for Form Wizard | |
Data support class | Class Path of the data support class will be entered here. | com.intellectdesign.canvas.formdefinition.addinfo.DefaultAdditionalDataSupport | |
Channel | Assigns the form item compatibility for various devices. | Desktop / Tablet / Mobile | |
Logo | Indicates the logo image for the form. To specify the logo, click Logo in the form configuration ribbon and enter the URL of the logo. |
Bundle | Indicates the name of the key associated with the property file which provides the localized label text for the current form and its form items. | common | |
Request Model ID | Note: The ID that you provide while creating a request in Request Modeler's Create New Request screen is referred to as Request Model ID.
| EMP_FORM_REQ | |
Top ( ) | Align the menus in top orientation. | Selected | |
Left ( ) | Align the menus in left orientation. | Selected | |
Right ( ) | Align the menus in the right orientation. | Selected | |
Step Click ( ) | Enables the user to navigate to the next forms by clicking the menus. | Selected | |
Forward Navigation ( ) | Enables the forward navigation to the next forms by clicking the menus. | Selected | |
Backward Navigation ( ) | Enables the backward navigation to the previous forms by clicking the menus. | Selected | |
Enable submit button ( ) | Enables the user to set the submit button to any form. By default the submit button will be at the last menu. | 3 |
- Click Save to save the Form Wizard.
...