Page Designer allows users you to load image dynamically from database. To display image in page, user can simply drag and drop a component image and integrate it with Microflow for web application. For mobile application, you are not required to use microflow because you can use local database instead.
Create Microflow to load image from database First create the Business Object.
Drag and drop Start node, Database node and End node. Then link them like image below
Double click database node and open BusinessObject tab, select the Output checkbox.
Open Database Parameter tab and enter the data as shown below (the database command can change depending on user table). Click on Open Mapping Parameter. NOTE: When retrieve binary data from database make sure to retrieve this information as base64 encoded data. (Encoding command 'data:image/jpg;base64, '||encode(img_data, 'base64') AS img)
Click on link between Mapping towards Output. Add Parameters under DatabaseDummyObject then map DatabaseDummyObject to Activity BO as shown in image below. And don't forget to click Done.
NOTE: The image data is stored to a String variable and treated as a String by Microflow.
Display an image on Page UI from Microflow Drag and drop image component to the design screen.
Click on Add Action List ‘+” button. Select Microflow tab, Microflow project and process that you had created. Write Event as ‘Load’. Click Save.
Build your application to verify output results.
Click on PageContent on the Page Structure window on the left side. The property configuration window is opened as a popup. Click icon.
Select Image then click on icon and choose “Connect to Data”. The Microflow is select by default. Choose your Flow and field from the BO.
