手書き署名を使用したフォームへの電子署名の適用 apply-electronic-signatures-to-a-form-using-deprecated-scribble-signatures

アダプティブフォームの新規作成または AEM Sites ページへのアダプティブフォームの追加には、最新の拡張可能なデータキャプチャコアコンポーネントを使用することをお勧めします。これらのコンポーネントは、アダプティブフォームの作成における大幅な進歩を表し、ユーザーエクスペリエンスの向上を実現します。この記事では、基盤コンポーネントを使用してアダプティブフォームを作成する古い方法について説明します。

バージョン
記事リンク
AEM as a Cloud Service
ここをクリックしてください
AEM 6.5
この記事

手書き署名 ​コンポーネントや​ 署名ステップ ​コンポーネントを使用すると、アダプティブフォームに手書きで署名することができます。署名ステップコンポーネントでは、アダプティブフォームの PDF バージョンが表示されます。署名ステップコンポーネントを使用するには、レコードのドキュメントオプションが有効になっているか、フォームテンプレートに基づくアダプティブフォームが必要です。

手書き署名ダイアログ

署名ウィンドウで使用できる様々なオプション

  • A: ペイントブラシ ​アイコンをクリックして、キャンバスに署名を描きます。
  • B: 消去 ​アイコンをクリックして、キャンバス上の署名を消去します。
  • C: 位置情報 ​アイコンをクリックして、署名とともに位置情報を追加します。
  • D: キーボード ​アイコンをクリックして、キャンバスに名前を入力します。

手書き署名ウィンドウで「完了」 aem_6_3_forms_save アイコンを選択すると、署名を編集できなくなります。署名を編集する場合は、現在の署名を無視して、上記のペイントブラシ/キーボードオプションを使用して再署名する必要があります。

設定 configure アイコンを選択して、手書き署名キャンバスのアスペクト比を設定できます。

  • 手書き署名キャンバスのアスペクト比が 1 未満の場合、位置情報は手書き署名キャンバスの下部に追加されます。

  • 手書き署名キャンバスのアスペクト比が 1 を超える場合、位置情報は手書き署名キャンバスの右側に追加されます。

手書き署名 -下部

NOTE
署名は常に PNG 形式で保存されます。

アダプティブフォームでの手書き署名使用の設定 configure-an-adaptive-form-to-use-scribble-signature

  1. レコードのドキュメントオプションが有効になっているか、フォームテンプレートに基づくアダプティブフォームを作成します。詳しい手順については、「アダプティブフォームの作成」を参照してください。

  2. 手書き署名 ​コンポーネントを、コンポーネントブラウザーからアダプティブフォームにドラッグ&ドロップします。

  3. 設定 configure アイコンを選択します。この操作により、手書き署名コンポーネントのプロパティを表示するプロパティブラウザーが開きます。手書き署名コンポーネントのプロパティを設定します。

  4. 署名ステップコンポーネントを、コンポーネントブラウザーからアダプティブフォームにドラッグ&ドロップします。

    note note
    NOTE
    署名ステップコンポーネントは、フォームの幅いっぱいに表示されます。そのため、署名ステップコンポーネントが含まれているセクションに他のコンポーネントを配置しないようにすることをお勧めします。
  5. コンテンツブラウザーで「フォームコンテナ」を選択し、設定 configure アイコンを選択します。この操作により、アダプティブフォームのコンテナプロパティを表示するプロパティブラウザーが開きます。アダプティブフォームコンテナ電子サイン ​に移動して、「Adobe Sign を有効にする」オプションを選択解除します。完了 aem_6_3_forms_save アイコンを選択して、変更を保存します。

    note note
    NOTE
    署名ステップコンポーネントをアダプティブフォームに追加すると、「Adobe Sign を有効にする」オプションが自動的に選択されます。
  6. 設定 configure アイコンを選択します。この操作により、署名ステップのプロパティを表示するプロパティブラウザーが開きます。以下のプロパティを設定します。

    • 要素名:コンポーネントの名前を指定します。

    • タイトル: ​コンポーネントの一意のタイトルを指定します。

    • テンプレートメッセージ: ​署名 PDF の読み込み中に表示するメッセージを指定します。Adobe Sign サービスによる署名 PDF の準備と読み込みには、ある程度の時間がかかります。

    • 署名サービス:手書き署名」オプションを選択します。

    • CSS クラス:クライアントライブラリの CSS クラスを指定します(存在する場合)。CSS クラスの代わりにテーマインラインスタイルを使用します。

    完了 aem_6_3_forms_save アイコンを選択して、変更を保存します。署名が正常に設定されます。

    これで、フォームを記入する際に、PDF バージョンのアダプティブフォームが表示され、PDF ドキュメントの署名オプションが提供されます。詳しくは、「手書き署名を使用したアダプティブフォームの署名」を参照してください。

手書き署名を使用したアダプティブフォームの署名 sign-an-adaptive-form-using-scribble-signature

  1. フォームへの記入を完了して署名ステップページに到達すると、署名画面が表示されます。

    手書き署名ダイアログ

  2. 署名」をクリックします。手書き署名ダイアログが表示されます。フォームに署名し、完了( aem_6_3_forms_save )アイコンをクリックして、変更内容を保存します。

    手書き署名ダイアログ

  3. 「完了」をクリックして署名プロセスを完了します。

    署名プロセスの完了

署名がフォームに追加され、フォームコントロールが次のパネルに移動します。

recommendation-more-help
19ffd973-7af2-44d0-84b5-d547b0dffee2