Créer une section de Verification

Pour créer une section de Verification, procédez comme suit :

Dans Verification Flow Action, créez une section appelée Verification et ouvrez-la dans l’onglet Design.
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 :

Sélectionnez Use current page context dans la liste Page context. Sélectionnez By name dans le champ Section et indiquez : VerificationSection.
Cliquez sur le bouton de configuration pour créer une nouvelle section.
Cliquez sur Create and open, puis sur l’onglet HTML.
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éation d’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, puis sélectionnez Right dans le champ Float. Cliquez sur Submit pour appliquer les modifications.

Capture d’écran de la boîte de dialogue des propriétés de la mise en page dynamique dans Pega, montrant l’onglet Presentation avec le champ Float défini sur Right.

Pour ajouter le bouton, procédez comme suit :

Ajoutez un élément Button de base à la mise en page dynamique et ouvrez ses propriétés.
Cliquez sur l’onglet General et indiquez Submit comme texte de libellé du bouton.
Dans l’onglet Presentation, sélectionnez Strong dans la liste Control format.
Dans l’onglet Action, ajoutez un événement Click et associez-le à l’action Finish Assignment.
Cliquez sur Submit. Pour masquer le jeu standard de boutons du flow (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.

Capture d’écran de l’onglet Action de l’action de flux dans Pega, montrant la section Action buttons avec l’option Hide the default action section buttons sélectionnée.

Si le bouton Submit ne s’affiche pas dans votre dossier, sélectionnez Standard dans la liste Control format à l’étape 3.

Création d’une action de flux

Créer une section de collection de fichiers

⌘I

UiPath

Blue Prism

Automation Anywhere

WinActor

Appian

Pega

M-Files

Laserfiche

NX Manager

Créer une section de Verification

VerificationSection

Création d’un bouton Submit personnalisé

​VerificationSection

​Création d’un bouton Submit personnalisé

VerificationSection

Création d’un bouton Submit personnalisé