Zum Hauptinhalt springen
Um einen Verifizierungsbereich zu erstellen, gehen Sie wie folgt vor:
  1. Erstellen Sie in Verification Flow Action einen Abschnitt namens Verification und öffnen Sie ihn auf der Registerkarte Design.
  2. 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:
  1. 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.
  2. Klicken Sie auf die Konfigurationsschaltfläche, um einen neuen Abschnitt zu erstellen.
  1. Klicken Sie auf Erstellen und öffnen und dann auf die Registerkarte HTML.
  2. 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 Schaltfläche „Submit“

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 die Option Right aus. Klicken Sie auf Submit, um die Änderungen zu übernehmen. Gehen Sie wie folgt vor, um die Schaltfläche hinzuzufügen:
  1. Fügen Sie dem dynamischen Layout ein einfaches Button-Element hinzu und öffnen Sie dessen Eigenschaften.
  2. Klicken Sie auf die Registerkarte General und geben Sie als Beschriftung der Schaltfläche Submit an.
  1. Wählen Sie auf der Registerkarte Presentation in der Liste Control format die Option Strong aus.
  1. Fügen Sie auf der Registerkarte Action ein Click-Ereignis hinzu und verknüpfen Sie es mit der Aktion Finish Assignment.
  1. Klicken Sie auf Submit. Um die Standardschaltflächen des Flows 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.
Wenn die Schaltfläche Submit in Ihrem Fall nicht angezeigt wird, wählen Sie in der Liste Control format in Schritt 3 Standard aus.