メインコンテンツへスキップ
検証セクションを作成するには、次のようにします。
  1. Verification Flow Action で、Verification という名前のセクションを作成し、Design タブを開きます。
  2. 動的レイアウトを 2 つ追加します。1 つ目の動的レイアウトには、VerificationSection という名前の埋め込みセクションを追加します。2 つ目には、Submit という名前のボタンを追加します。

​
VerificationSection

動的レイアウトに埋め込みセクションを追加する場合:
  1. Page context リストで Use current page context を選択します。Section フィールドで By name を選択し、次の値を指定します: VerificationSection。
  2. 設定ボタンをクリックして、新しいセクションを作成します。
  1. Create and open をクリックし、次に HTML タブをクリックします。
  2. Auto-generated HTML オプションをオフにして、以下のコードを入力します。
このコードは VerificationSection.html ファイルからコピーすることもできます。このファイルは %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...");
}  
/*
 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>

​
カスタムのSubmitボタンを作成する

動的レイアウトにボタンを作成する前に、画面の右側に配置する必要があります。そのためには、動的レイアウトのプロパティを開き、Presentation タブをクリックして、Float field で Right を選択します。変更を反映するには、Submit をクリックします。 ボタンを追加するには、次の手順を行います。
  1. 動的レイアウトに基本の Button element を追加し、そのプロパティを開きます。
  2. General タブをクリックし、ボタンのキャプションテキストに Submit を指定します。
  1. Presentation タブで、Control format list から Strong を選択します。
  1. Action タブで Click event を追加し、Finish Assignment action に接続します。
  1. Submit をクリックします。フローの標準ボタンセット (Cancel、Save、Submit) を非表示にするには、Records → Process → Flow Action をクリックして Verification を開き、Action タブをクリックして、Hide the default action section buttons を選択します。
ケースに Submit ボタンが表示されない場合は、step 3 の Control format list で Standard を選択してください。