Erstellen eines Verifizierungsbereichs

Um einen Verifizierungsbereich zu erstellen, gehen Sie wie folgt vor:

Erstellen Sie in Verification Flow Action einen Abschnitt namens Verification und öffnen Sie ihn auf der Registerkarte Design.
Fügen Sie zwei dynamische Layouts hinzu. Fügen Sie dem ersten dynamischen Layout einen Embedded section namens VerificationSection hinzu. Dem zweiten fügen Sie eine Schaltfläche namens Submit hinzu.

VerificationSection

So fügen Sie einem dynamischen Layout eine Embedded section hinzu:

Wählen Sie in der Liste Seitenkontext die Option Aktuellen Seitenkontext verwenden aus. Wählen Sie im Feld Abschnitt die Option Nach Name aus und geben Sie Folgendes an: VerificationSection.
Klicken Sie auf die Konfigurationsschaltfläche, um einen neuen Abschnitt zu erstellen.
Klicken Sie auf Erstellen und öffnen und dann auf die Registerkarte HTML.
Deaktivieren Sie die Option Automatisch erzeugtes HTML und geben Sie den unten angegebenen Code ein.

Dieser Code kann auch aus der Datei VerificationSection.html kopiert werden, die Sie unter %Installation Path%\Connector for FlexiCapture as a Service with verification\Samples\Code examples\Flow actions finden.

<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>

Erstellen einer benutzerdefinierten Submit-Schaltfläche

Bevor Sie im dynamischen Layout eine Schaltfläche erstellen, müssen Sie sie rechts auf dem Bildschirm ausrichten. Öffnen Sie dazu die Eigenschaften des dynamischen Layouts, klicken Sie auf die Registerkarte Presentation und wählen Sie im Feld Float Right aus. Klicken Sie auf Submit, um die Änderungen zu übernehmen.

Screenshot des Dialogfelds „Dynamic layout properties“ in Pega mit der Registerkarte „Presentation“, in der das Feld „Float“ auf „Right“ gesetzt ist.

Gehen Sie wie folgt vor, um die Schaltfläche hinzuzufügen:

Fügen Sie dem dynamischen Layout ein einfaches Button-Element hinzu und öffnen Sie dessen Eigenschaften.
Klicken Sie auf die Registerkarte General und geben Sie als Beschriftung der Schaltfläche Submit an.
Wählen Sie auf der Registerkarte Presentation in der Liste Control format Strong aus.
Fügen Sie auf der Registerkarte Action ein Click-Ereignis hinzu und verknüpfen Sie es mit der Aktion Finish Assignment.
Klicken Sie auf Submit. Um die Standardschaltflächen für den Flow auszublenden (d. h. Cancel, Save und Submit), öffnen Sie Verification, indem Sie auf Records → Process → Flow Action klicken, wechseln Sie zur Registerkarte Action und wählen Sie Hide the default action section buttons aus.

Screenshot der Registerkarte „Action“ der Flow-Aktion in Pega mit dem Abschnitt „Action buttons“, in dem die Option „Hide the default action section buttons“ ausgewählt ist.

Wenn die Schaltfläche Submit für Ihren Case nicht angezeigt wird, wählen Sie in Schritt 3 in der Liste Control format Standard aus.

Erstellen einer Flow-Aktion

Zurück

Erstellen eines Abschnitts zum Sammeln von Dateien

Weiter

⌘I

UiPath

Blue Prism

Automation Anywhere

WinActor

Appian

Pega

M-Files

Laserfiche

NX Manager

Erstellen eines Verifizierungsbereichs

VerificationSection

Erstellen einer benutzerdefinierten Submit-Schaltfläche

​VerificationSection

​Erstellen einer benutzerdefinierten Submit-Schaltfläche

VerificationSection

Erstellen einer benutzerdefinierten Submit-Schaltfläche