Page Integration with Microflow

Page can be integrated with Microflow to create dynamic web pages using ONEWEB. This section shows you how to call a Microflow Service from Page, and also to display the data returned by service on the Page.

Page to call Microflow Go to the Page Designer and open the Page that you want to make dynamic.

Click on the input field to be passed to Microflow while calling

Click on Connect to data icon . Select State tab and click on Connect to State button

Select the State parameter to connect (Microflow mapping allows only state parameters to be mapped to microflow input parameter. Hence to pass parameter to microflow user needs to map the input field to State)

Click on the element or container which initiates the call to your microflow (1). In this example we will call the microflow on the click of a button.

Click on the tools panel on the left menu to open interaction & data flow configuration panel (2) Click on the Add + icon under Action Select "click" in Event. Select "Microflow" in the tabs. Click Refresh to reload the available services. Select "Your Project Name" in Microflow project name Select "Your process Name" in Microflow process name

Click to open Mapping Window (3)

Map the Page Designer parameter to the Microflow Parameter. Remember to Save mapping by clicking on the Save icon on mapping screen.

User can hook and add JavaScript functions both, before and after the microflow call. User can also redirect to another page on success of the call.

Update data on Page from Microflow Select object on page which displays the data coming from service

Click to Connect to Data Click Microflow tab choose the value from Microflow. Click on the 'Connect to Data' button

Select field name and click Connect.

Click 'Done' on the Connect to Data dialog.

Now the page is successfully integrated with the Microflow and can show the retrieved data on the screen.