An Introduction to Configurator

In the vFlow module, this functionality allows you to create and configure the application pages. Based on the application-specific requirements, you can add multiple pages to an app. Apart from adding new pages, you can edit a page by reconfiguring its different properties. By using configurator, you can create three types of pages:

• Page
• Subpage
• Popup

Conclusively, the configurator feature displays the list of different pages that have been added to an app. It also allows you to create and manage different entities, such as layout, page header, page footer, and others, at the page level.

Note:- At a given point of time, you can manage and edit different entities related to a single page.

In vFlow 2.0, the Configurator feature provides software development capabilities at the modular level. When you design an application, it lets you build the application workflow at the page-level. This application development approach keeps the application modularity intact. This clutter-free modular-level development was absent in the vFlow 1.0 module.

In fact, the Configurator module takes the burden of managing the complex configuration settings by letting you design the application through small building blocks (application pages). Thus, you can define a seamless user journey by integrating these building blocks together.

To create a new page:

1. On the vFlow 2.0 module’s dashboard, see the left navigation panel.
2. In the left navigation panel, see the Configurator icon ().
3. Click the Configurator icon (), and the middle panel displays the All Pages page.

4. On the All Pages page, click Create, and the Create Page dialog box opens.

5. On the Create Page dialog box, configure a page as follows:

Field	Description
Reference Name	In this box, enter a reference name (for example, Login Page) of the page. The vFlow module internally uses the reference name as a name identifier to manage different pages at the application level.
Type	Click this list and then select one of the following values: 1. Page:- Select this value when you want to add a full page to the application. In the vFlow module, a page is the largest entity under the application hierarchy. When you add a page, the vFlow module provides multiple in-built templates to design a page for a specific requirement or functionality. These in-built templates are as follows: a. Normal b. Login c. OTP d. New Password e. Forgot Password 2. Subpage:- Select this value when you want to design a layout at the element level. You can add several components to a subpage such as form, tab, stepper, and others. Designing a layout means that you are creating multiple sections in a page. These sections can include the left panel, middle section, top navigation panel, footer, etc. 3. Popup:- Select this value when you want to add a popup page. The popup page is also referred to as a dialog box. A popup page comes into view as a result of the user’s action. It comes into view  as a modal window. A modal serves as a graphical control element that appears as a subordinate window to the main window. The popup page is used to provide important information to the user or take input from the user.
Template	This field comes into view after you select Page in the Type list. After you click the Template list, it displays the list of in-built templates as follows: a. Normal b. Login c. OTP d. New Password e. Forgot Password You can choose one of these templates to implement the related functionality. For instance:- If you choose the Login template, it offers three elements by default. These elements are as follows: a. Username b. Password c. Action Button After you create a page as a login page, you can edit the properties of the existing elements (Username, Password, and Action Button). Also, you can add new elements to the login page based on the functional requirements.

6. After you enter the new page’s name and select its type, click Create to add a new page.