Creating a verification section

To create a verification section, do the following:

In Verification Flow Action, create a section named Verification and open it on the Design tab.
Add two dynamic layouts. To the first dynamic layout, add an Embedded section named VerificationSection. To the second, add a button named Submit.

VerificationSection

When adding an Embedded section to a dynamic layout:

Select Use current page context in the Page context list. Select By name in the Section field and specify the following: VerificationSection.
Click the configuration button to create a new section.
Click Create and open and then click the HTML tab.
Clear the Auto-generated HTML option and enter the code provided below.

This code can also be copied from the VerificationSection.html file, which you can find in %Installation Path%\Connector for FlexiCapture as a Service with verification\Samples\Code examples\Flow actions.

<body>
<% if ( tools.findPage("pyWorkPage").getProperty(".VerificationUrl").getStringValue().contains("https://")) {%>
<iframe id="verifyFrame" style = "width: 880px; height: 750px;" src="<pega:reference name=".VerificationUrl" mode="javascript" />" onload = changeWidth() > </iframe>
<% } else { %>
    <h1> <pega:reference name=".VerificationUrl" /> </h1>
<% } %>
<script> 
function changeWidth() {  
  console.log("Check if the IE11 browser....");
  if(!!window.MSInputMethodContext && !!document.documentMode){
    console.log("IE11 browser.");
    return;
  }
  console.log("Other browser. Change width for iframe...");
  document.getElementById("verifyFrame").style = "width: 1000px; height: 750px;";
  console.log("iframe width was changed...");
}  
/*
 Add new listener for iframe. 
*/
window.addEventListener("message", receiveMessage, false);
function receiveMessage(event) {
  console.log("Check if verification task was closed....");
  if(event.data.includes("FC_Verification_TaskClosed")) { 
    console.log("Create new option for VerificationCompleted activity running...");
    var options = {
      name: "VerificationCompleted"
    };
    console.log("Run VerificationCompleted activity....");
    pega.api.ui.actions.runActivity(options);
  }
  console.log("Message was processed.");
}
</script>
</body>

Creating a custom Submit button

Before creating a button in the dynamic layout, you need to align it to the right of the screen. To do this, open the properties of the dynamic layout, click the Presentation tab, and select Right in the Float field. Click Submit to apply the changes.

Screenshot of the Dynamic layout properties dialog in Pega, showing the Presentation tab with the Float field set to Right.

To add the button, do the following:

Add a basic Button element to the dynamic layout and open its properties.
Click the General tab and specify Submit for the button caption text.
On the Presentation tab, select Strong in the Control format list.
On the Action tab, add a Click event and connect it to the Finish Assignment action.
Click Submit. To hide the standard set of buttons for the flow (i.e. Cancel, Save, and Submit), open Verification by clicking Records → Process → Flow Action, click the Action tab, and select Hide the default action section buttons.

Screenshot of the flow action Action tab in Pega, showing the Action buttons section with the Hide the default action section buttons option selected.

If the Submit button is not displayed for your case, select Standard in the Control format list in step 3.

Creating a flow action

Creating a file collection section

⌘I

UiPath

Blue Prism

Automation Anywhere

WinActor

Appian

Pega

M-Files

Laserfiche

NX Manager

VerificationSection

Creating a custom Submit button

​VerificationSection

​Creating a custom Submit button

VerificationSection

Creating a custom Submit button