Verifizierungsabschnitt erstellen

Der Verifizierungsabschnitt bettet die ABBYY FlexiCapture Web-Verifizierungsstation in den Case ein und fügt die Schaltfläche Submit hinzu, mit der die Verifizierungsaufgabe abgeschlossen wird.

Section und zugehörige Layouts erstellen

Section erstellen

Erstellen Sie in Verification Flow Action eine Section mit dem Namen Verification und öffnen Sie sie auf dem Tab Design.

Zwei dynamische Layouts hinzufügen

Fügen Sie dem ersten dynamischen Layout eine Embedded section mit dem Namen VerificationSection hinzu und dem zweiten eine Schaltfläche namens Submit.Weitere Informationen zur Konfiguration finden Sie unter Eingebettete Verifizierungsabschnitt hinzufügen und Benutzerdefinierte Submit-Schaltfläche hinzufügen.

Eingebetteten Verifizierungsabschnitt hinzufügen

Seitenkontext und Abschnitt festlegen

Wählen Sie in der Liste Seitenkontext die Option Aktuellen Seitenkontext verwenden aus. Wählen Sie dann im Feld Abschnitt die Option Nach Name aus und geben Sie VerificationSection an.

Neuen Abschnitt erstellen

Klicken Sie auf die Konfigurationsschaltfläche, um einen neuen Abschnitt zu erstellen.

Screenshot des Dialogfelds „Section Include“ in Pega, der den auf „Aktuellen Seitenkontext verwenden“ gesetzten Seitenkontext, den auf „Nach Name“ mit dem Wert VerificationSection gesetzten Abschnitt und die hervorgehobene Konfigurationsschaltfläche zeigt.

Registerkarte HTML öffnen

Klicken Sie auf Erstellen und öffnen und dann auf die Registerkarte HTML.

Abschnittscode eingeben

Deaktivieren Sie die Option Automatisch erzeugtes HTML und geben Sie den Abschnittscode ein.

VerificationSection.html

Kopieren Sie den Abschnittscode aus der Datei VerificationSection.html in diesem Ordner:

%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...");
}  
/*
 Neuen Listener für iframe hinzufügen. 
*/
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>

Eine benutzerdefinierte Submit-Schaltfläche hinzufügen

Richten Sie das dynamische Layout am rechten Bildschirmrand aus, bevor Sie die Schaltfläche hinzufügen. Öffnen Sie die Eigenschaften des dynamischen Layouts, klicken Sie auf den Tab Presentation, wählen Sie im Feld Float den Wert Right aus und klicken Sie anschließend auf Submit, um die Änderungen zu übernehmen.

Screenshot des Dialogfelds mit den Eigenschaften des dynamischen Layouts in Pega mit dem Tab Presentation und dem Feld Float, das auf Right gesetzt ist.

Schaltflächenelement hinzufügen

Fügen Sie dem dynamischen Layout ein einfaches Button-Element hinzu und öffnen Sie dessen Eigenschaften.

Schaltflächenbeschriftung festlegen

Klicken Sie auf den Tab General und geben Sie Submit als Beschriftungstext der Schaltfläche an.

Screenshot des Dialogfelds Cell Properties für eine Schaltfläche in Pega mit dem Tab General, wobei Button caption auf Text gesetzt und der Beschriftungswert Submit hervorgehoben ist.

Steuerelementformat festlegen

Wählen Sie auf dem Tab Presentation in der Liste Control format den Eintrag Strong aus.

Wenn die Schaltfläche Submit für Ihren Case nicht angezeigt wird, wählen Sie stattdessen Standard aus.

Screenshot des Dialogfelds Cell Properties für eine Schaltfläche in Pega mit dem Tab Presentation und dem Feld Control format, das auf Strong gesetzt ist.

Klick-Aktion verbinden

Fügen Sie auf dem Tab Action ein Click-Ereignis hinzu und verbinden Sie es mit der Aktion Finish Assignment.

Screenshot des Dialogfelds Cell Properties für eine Schaltfläche in Pega mit dem Tab Actions, wobei ein Click-Ereignis in Action set 1 mit der Aktion Finish Assignment verbunden ist.

Standardschaltflächen ausblenden

Klicken Sie auf Submit. Um die Standardschaltflächen des Flows auszublenden, also Cancel, Save und Submit, öffnen Sie Verification über Records → Process → Flow Action, klicken Sie auf den Tab Action und wählen Sie Hide the default action section buttons aus.

Screenshot des Tabs Action einer Flow action in Pega mit dem Abschnitt Action buttons und der ausgewählten Option Hide the default action section buttons.

UiPath

Blue Prism

Automation Anywhere

WinActor

Appian

Pega

M-Files

Laserfiche

NX Manager

Verifizierungsabschnitt erstellen

Section und zugehörige Layouts erstellen

Eingebetteten Verifizierungsabschnitt hinzufügen

VerificationSection.html

Eine benutzerdefinierte Submit-Schaltfläche hinzufügen

​Section und zugehörige Layouts erstellen

​Eingebetteten Verifizierungsabschnitt hinzufügen

​VerificationSection.html

​Eine benutzerdefinierte Submit-Schaltfläche hinzufügen

Section und zugehörige Layouts erstellen

Eingebetteten Verifizierungsabschnitt hinzufügen

VerificationSection.html

Eine benutzerdefinierte Submit-Schaltfläche hinzufügen