> ## Documentation Index > Fetch the complete documentation index at: https://docs.abbyy.com/llms.txt > Use this file to discover all available pages before exploring further. # 検証セクションの作成 > FlexiCapture Web Verification Station を表示するための、埋め込み VerificationSection iframe とカスタム Submit ボタンを備えた Pega の検証セクションを作成します。検証セクションを作成するには、次のようにします。 1. **Verification Flow Action** で、*Verification* という名前のセクションを作成し、**Design** タブを開きます。 2. 動的レイアウトを 2 つ追加します。1 つ目の動的レイアウトには、[VerificationSection](#verificationsection) という名前の**埋め込みセクション**を追加します。2 つ目には、[Submit](#submit) という名前のボタンを追加します。 ## VerificationSection 動的レイアウトに**埋め込みセクション**を追加する場合: 1. **Page context** リストで **Use current page context** を選択します。**Section** フィールドで **By name** を選択し、次の値を指定します: *VerificationSection*。 2. 設定ボタンをクリックして、新しいセクションを作成します。 Pega の Section Include ダイアログのスクリーンショット。Page context は Use current page context に設定され、Section は By name で値は VerificationSection になっており、設定ボタンが強調表示されています。

Pega の Section Include ダイアログのスクリーンショット。Page context は Use current page context に設定され、Section は By name で値は VerificationSection になっており、設定ボタンが強調表示されています。

3. **Create and open** をクリックし、次に **HTML** タブをクリックします。 4. **Auto-generated HTML** オプションをオフにして、以下のコードを入力します。このコードは **VerificationSection.html** ファイルからコピーすることもできます。このファイルは *%Installation Path%\Connector for FlexiCapture as a Service with verification\Samples\Code examples\Flow actions* にあります。 ``` <% if ( tools.findPage("pyWorkPage").getProperty(".VerificationUrl").getStringValue().contains("https://")) {%> <% } else { %>

<% } %> ``` ## カスタムの Submit ボタンを作成する動的レイアウトにボタンを作成する前に、ボタンを画面の右側に寄せる必要があります。そのためには、動的レイアウトのプロパティを開き、**Presentation** タブをクリックして、**Float** field で **Right** を選択します。変更を適用するには、**Submit** をクリックします。 Pega の Dynamic layout properties ダイアログのスクリーンショット。Presentation タブが表示され、Float field が Right に設定されている。

Pega の Dynamic layout properties ダイアログのスクリーンショット。Presentation タブが表示され、Float field が Right に設定されている。

ボタンを追加するには、次の操作を行います。 1. 基本の *Button* 要素を動的レイアウトに追加し、そのプロパティを開きます。 2. **General** タブをクリックし、ボタンのキャプションテキストに *Submit* を指定します。 Pega のボタン用 Cell Properties ダイアログのスクリーンショット。General タブが表示され、Button caption が Text に設定され、caption の値 Submit が強調表示されている。

Pega のボタン用 Cell Properties ダイアログのスクリーンショット。General タブが表示され、Button caption が Text に設定され、caption の値 Submit が強調表示されている。

3. **Presentation** タブで、**Control format** リストから **Strong** を選択します。 Pega のボタン用 Cell Properties ダイアログのスクリーンショット。Presentation タブが表示され、Control format field が Strong に設定されている。

Pega のボタン用 Cell Properties ダイアログのスクリーンショット。Presentation タブが表示され、Control format field が Strong に設定されている。

4. **Action** タブで、*Click* イベントを追加し、*Finish Assignment* アクションに接続します。 Pega のボタン用 Cell Properties ダイアログのスクリーンショット。Actions タブが表示され、Action set 1 で Click イベントが Finish Assignment アクションに接続されている。

Pega のボタン用 Cell Properties ダイアログのスクリーンショット。Actions タブが表示され、Action set 1 で Click イベントが Finish Assignment アクションに接続されている。

5. **Submit** をクリックします。flow の標準ボタンセット (**Cancel**、**Save**、**Submit**) を非表示にするには、**Records → Process → Flow Action** をクリックして **Verification** を開き、**Action** タブをクリックして、**Hide the default action section buttons** を選択します。 Pega の flow action の Action タブのスクリーンショット。Action buttons セクションで Hide the default action section buttons オプションが選択されている。

Pega の flow action の Action タブのスクリーンショット。Action buttons セクションで Hide the default action section buttons オプションが選択されている。

Case に **Submit** ボタンが表示されない場合は、[step 3](#3) の **Control format** リストで **Standard** を選択してください。