Passer au contenu principal
Pour créer une section de Verification, procédez comme suit :
  1. Dans Verification Flow Action, créez une section appelée Verification et ouvrez-la dans l’onglet Design.
  2. Ajoutez deux mises en page dynamiques. Dans la première, ajoutez une Section intégrée appelée VerificationSection. Dans la seconde, ajoutez un bouton appelé Submit.

​
VerificationSection

Lorsque vous ajoutez une section intégrée à une mise en page dynamique :
  1. Sélectionnez Use current page context dans la liste Page context. Sélectionnez By name dans le champ Section et indiquez : VerificationSection.
  2. Cliquez sur le bouton de configuration pour créer une nouvelle section.
  1. Cliquez sur Create and open, puis sur l’onglet HTML.
  2. Décochez l’option Auto-generated HTML et saisissez le code ci-dessous.
Ce code peut également être copié depuis le fichier VerificationSection.html, que vous trouverez dans %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...");
}  
/*
 Ajouter un nouvel écouteur pour l'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>

​
Créer un bouton Submit personnalisé

Avant de créer un bouton dans la mise en page dynamique, vous devez l’aligner à droite de l’écran. Pour ce faire, ouvrez les propriétés de la mise en page dynamique, cliquez sur l’onglet Presentation et sélectionnez Right dans le champ Float. Cliquez sur Submit pour appliquer les modifications. Pour ajouter le bouton, procédez comme suit :
  1. Ajoutez un élément Button de base à la mise en page dynamique, puis ouvrez ses propriétés.
  2. Cliquez sur l’onglet General et indiquez Submit comme texte du libellé du bouton.
  1. Dans l’onglet Presentation, sélectionnez Strong dans la liste Control format.
  1. Dans l’onglet Action, ajoutez un événement Click et associez-le à l’action Finish Assignment.
  1. Cliquez sur Submit. Pour masquer l’ensemble standard de boutons du flux (c.-à-d. Cancel, Save et Submit), ouvrez Verification en cliquant sur Records → Process → Flow Action, cliquez sur l’onglet Action, puis sélectionnez Hide the default action section buttons.
Si le bouton Submit ne s’affiche pas pour votre cas, sélectionnez Standard dans la liste Control format à l’étape 3.