Integrate Microflow with UI to produce dynamic App.

This section helps you to integrate your microflow service with Mobile UI - Page 2 "Benefit Page".

Microflow Integration to produce dynamic contents on your page. Open Benefit Page and select PageContent level at the bottom of your designing page. On left configuration settings, choose “Interaction and DataFlow” tab and click on Action List ‘‘+” button as shown in fig 1a. Choose Microflow, Select your project for e.g. “WorkForce_[yourname]”

Note: Select the microflow that you have been created in previous Microflow practice session to retrieve benefits from DB.

Write Event as "Load" Select the process flow that you have built inside your application to retrieve benefits from database as shown 5 in Fig (1b).

Map Page state to Microflow input process parameters. Open Mapping, select Page Designer parameter and add 2 Page state parameters as type and username. Set default value for type as ‘Travel’ Set default value of username as ‘Alisha’

Click on Save button, Microflow service starts to be highlighted under ACTION LIST as shown below:

Integrate Microflow O/P with Card UI Element. Select Card on the Benefit Page as (1). Click on connect to data icon (2). Click on “Connect to Data” (3) as shown in Fig (3a). Select BenefitBOout_[yourname] and click on Connect, review your settings as shown in Fig(3b).

Microflow Integration to produce Dynamic Contents on your page. Select H1 inside column (1), click on database icon (2) as shown in fig 4a. Connect to Data configuration box will open, now enable “Data from parent” (1), Click on “Connect to Data” (2) and select item.travel_date (3) and click on Connect as shown in fig 4b. Similarly, select each heading inside columns and link it to the related respective fields. Save your settings.

Build your Application again using PlayMe button. Save and build your application using PlayMe button. UI Integration with Microflow for this page is now completed.

Once rebuild, retest your application. All data values from table in db are now expected to be appeared on your Benefit Mobile page and you should be able to see the dynamic contents on application run time, as shown below.