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

NOTE
新しいアダプティブフォームを作成する、または AEM Sites ページにアダプティブフォームを追加する際には、最新の拡張可能なデータキャプチャであるコアコンポーネントを使用することをお勧めします。これらのコンポーネントは、アダプティブフォームの作成における大幅な進歩を示すものであり、優れたユーザーエクスペリエンスを実現します。この記事では、基盤コンポーネントを使用してアダプティブフォームを作成する従来の方法について説明します。
バージョン
記事リンク
AEM 6.5
ここをクリックしてください
AEM as a Cloud Service
この記事

手書き署名 ​コンポーネントを使用すると、アダプティブフォームに署名を描画(手書き)できます。

手書き署名ダイアログ

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

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

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

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

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

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

手書き署名 -下部

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

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

  1. アダプティブフォームを編集モードで開きます。

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

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

    手書き署名

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

手書き署名コンポーネントのプロパティの設定

設定ダイアログを使用すると、手書き署名コンポーネントを訪問者に合わせて簡単にカスタマイズできます。

「基本」タブ

「基本」タブ

  • 名前 - フォームコンポーネントは、フォーム内とルールエディター内の両方で一意の名前で簡単に識別できますが、名前にスペースや特殊文字を含めることはできません。

  • タイトル - タイトルを使用すると、フォーム内のコンポーネントを簡単に識別できます。デフォルトでは、コンポーネントの上にタイトルが表示されます。 タイトルを追加しない場合、コンポーネントの名前がタイトルテキストの代わりに表示されます。

  • タイトルのリッチテキストを許可 - この機能により、ユーザーは、太字、斜体、下線付きのテキスト、様々なフォント、フォントサイズ、カラー、追加オプションなどの機能を組み込んで、プレーンテキストのタイトルを書式設定でき、視覚的なプレゼンテーションとカスタマイズが強化されます。 これにより、ドキュメント、web サイト、アプリケーション内でタイトルを目立たせる際の柔軟性とクリエイティブなコントロールが向上します。
    タイトルのリッチテキストを許可」 チェックボックスをオンにすると、コンポーネントのタイトルをスタイル設定するための書式設定オプションが表示されます。 使用可能なすべての書式設定オプションにアクセスするには、 全画面表示アイコン タブをクリックします。

    リッチテキストのサポート

  • タイトルを非表示 - コンポーネントのタイトルを非表示にするには、このオプションを選択します。

  • 必須フィールド - フィールドを必須にするオプションを選択します。

  • 必須フィールドメッセージ - 必須フィールドメッセージ ​は、ユーザーが必須フィールドに入力せずにフォームを送信しようとした際に表示されるカスタマイズ可能なメッセージです。

  • データモデルバインド参照 - バインド参照は、外部データソースに保存され、フォーム内で使用されるデータ要素への参照です。バインド参照を使用すると、データをフォームフィールドに動的にバインドして、フォームにデータソースの最新のデータを表示できます。 例えば、フォームに入力された顧客 ID に基づいて、顧客の名前と住所をフォームに表示できます。 さらに、フォームに入力されたデータでデータソースを更新することもできます。 このようにして、AEM Forms で外部データソースとやり取りするフォームを作成し、データの収集と管理においてシームレスなユーザーエクスペリエンスを提供できます。

  • オブジェクトを非表示 - フォームでコンポーネントを非表示にするには、このオプションを選択します。このコンポーネントは、他の目的(ルールエディターでの計算に使用するなど)にも利用できます。 これは、ユーザーが表示する必要のない情報や直接変更した情報を保存する必要がある場合に役立ちます。

  • オブジェクトを無効にする - コンポーネントを無効にする場合は、このオプションを選択します。エンドユーザーは、無効になっているコンポーネントをアクティブにしたり、編集したりすることはできません。 ユーザーはフィールドの値を表示できますが、変更することはできません。 このコンポーネントは、他の目的(ルールエディターでの計算に使用するなど)にも利用できます。

  • 縦横比 - 手書き署名コンポーネントの縦横比では、幅と高さの比例関係を定義します。

  • フィールドレイアウト - 「フィールドレイアウト」オプションでは、ラベル(キャプション)やエラーメッセージなどのフォーム要素をコンポーネントに対して配置する方法を決定します。キャプションとエラーをウィジェットの上部に表示 ​では、フィールドのキャプション(ラベル)エラーメッセージをコンポーネントの上に配置します。アダプティブフォーム設定から継承 ​では、アダプティブフォーム設定で指定したデフォルトのフィールドレイアウト設定を使用します。

  • CSS クラス - CSS クラス ​を使用すると、スタイルシートで定義された 1 つ以上の CSS クラスを割り当てることで、コンポーネントにカスタムスタイルを適用できます。これにより、アダプティブフォーム全体で一貫したスタイル設定とレイアウトのカスタマイズができるようになります。

ヘルプの目次

「ヘルプコンテンツ」タブ

  • 短い説明 - 短い説明は、特定のフォームフィールドの目的に関する追加の情報や説明を提供する簡単な説明文です。 これにより、ユーザーは、フィールドに入力するデータの種類を理解しやすくなります。また、入力された情報が有効で目的の条件を満たしていることを確認できるように、ガイドラインや例を提供できます。 デフォルトでは、短い説明は非表示になっています。 「短い説明を常に表示」オプションを有効にすると、コンポーネントの下に説明が表示されます。

  • 短い説明を常に表示 - このオプションを有効にすると、コンポーネントの下に短い説明が表示されます。

  • 詳細な説明 - ユーザーがフォームフィールドの正しく入力できるように提供される追加の情報やガイダンスを指します。コンポーネントの横に配置されているヘルプアイコン(i)をクリックすると表示されます。フォームフィールドのラベルやプレースホルダーテキストよりも詳細な情報を提供し、ユーザーがフィールドの要件や制約を理解できるように設計されています。また、フォームへの入力をより簡単かつ正確にするための提案や例を提供することも可能です。

「アクセシビリティ」タブ accessibility

「アクセシビリティ」タブ

アクセシビリティ 」タブでは、コンポーネントの ARIA アクセシビリティラベルの値を設定できます。 スクリーンリーダー用のテキストを使用する場合は、次の様々なオプションを使用できます。

  • スクリーンリーダーの優先順位 - スクリーンリーダーの優先順位とは、視覚に障害のあるユーザーが使用する、支援テクノロジー(スクリーンリーダーなど)によって読み上げられる追加のテキストを指します。このテキストでは、フォームフィールドの目的に関するオーディオの説明が提供され、フィールドのタイトル、説明、名前および関連するメッセージ(カスタムテキスト)に関する情報を含めることができます。 スクリーンリーダー用のテキストを使用すると、視覚に障害のあるユーザーを含むすべてのユーザーがフォームに確実にアクセスして、フォームフィールドとその要件を完全に理解できるようになります。

    • カスタムテキスト:ARIA アクセシビリティラベルにカスタムテキストを使用する場合は、このオプションを選択します。 このオプションを選択すると、「カスタムテキスト」ダイアログボックスが表示されます。 関連情報は、「カスタムテキスト」ダイアログボックスで追加できます。
    • 簡単な説明:ARIA アクセシビリティラベルの説明を使用する場合は、このオプションを選択します。
    • タイトル:ARIA アクセシビリティラベルのタイトルを使用する場合は、このオプションを選択します。
    • 名前:ARIA アクセシビリティラベルの名前を使用する場合は、このオプションを選択します。
    • なし:ARIA アクセシビリティラベルに追加しない場合は、このオプションを選択します。

関連トピック see-also

recommendation-more-help
fbcff2a9-b6fe-4574-b04a-21e75df764ab