Saltar al contenido principal
Para crear una sección de verificación, haga lo siguiente:
  1. En Verification Flow Action, cree una sección llamada Verification y ábrala en la pestaña Design.
  2. Agregue dos diseños dinámicos. En el primero, agregue una sección incrustada llamada VerificationSection. En el segundo, agregue un botón llamado submit.

​
VerificationSection

Al agregar una sección incrustada a un diseño dinámico:
  1. Seleccione Use current page context en la lista Page context. Seleccione By name en el campo Section e indique lo siguiente: VerificationSection.
  2. Haga clic en el botón de configuración para crear una sección nueva.
  1. Haga clic en Create and open y, a continuación, en la pestaña HTML.
  2. Desactive la opción Auto-generated HTML e introduzca el código que se proporciona a continuación.
Este código también se puede copiar del archivo VerificationSection.html, que puede encontrar en %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...");
}  
/*
 Agregar nuevo listener para 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>

​
Crear un botón Submit personalizado

Antes de crear un botón en el diseño dinámico, debe alinearlo a la derecha de la pantalla. Para ello, abra las propiedades del diseño dinámico, haga clic en la pestaña Presentation y seleccione Right en el campo Float. Haga clic en Submit para aplicar los cambios. Para agregar el botón, haga lo siguiente:
  1. Agregue un elemento Button básico al diseño dinámico y abra sus propiedades.
  2. Haga clic en la pestaña General y especifique Submit como texto de la etiqueta del botón.
  1. En la pestaña Presentation, seleccione Strong en la lista Control format.
  1. En la pestaña Action, agregue un evento Click y conéctelo a la acción Finish Assignment.
  1. Haga clic en Submit. Para ocultar el conjunto estándar de botones del flujo (es decir, Cancel, Save y Submit), abra Verification haciendo clic en Records → Process → Flow Action, haga clic en la pestaña Action y seleccione Hide the default action section buttons.
Si el botón Submit no aparece en su caso, seleccione Standard en la lista Control format en el paso 3.