フォームコンテナコンポーネント(v1) form-container-component-v1

コアコンポーネントのフォームコンテナコンポーネントを使用すれば、シンプルな送信フォームを作成できます。

使用方法 usage

フォームコンテナコンポーネントは、シンプルな WCM フォームをサポートし、フォームコンポーネントの追加が可能なネスト構造を使用しているので、シンプルな情報送信フォームおよび機能を作成できます。

設定ダイアログを使用して、コンテンツ編集者は、フォーム送信でトリガーされるアクションの種類、送信されたコンテンツの保存先、ワークフローをトリガーするかどうかを定義できます。テンプレート作成者は、デザインダイアログを使用して、テンプレートエディターにおける標準レイアウトコンテナのデザインダイアログと同様に、許可されるコンポーネントとそのマッピングを定義できます。

バージョンと互換性 version-and-compatibility

このドキュメントでは、AEM 6.3 に付属しているコアコンポーネントのリリース 1.0.0 で最初に導入されたフォームコンテナコンポーネント v1 について説明します。

フォームコンテナコンポーネント v1 の互換性を次の表に示します。

AEM のバージョン
フォームコンテナコンポーネント v1
6.3
互換性あり
6.4
互換性あり
CAUTION
このドキュメントでは、フォームコンテナコンポーネント v1 について説明します。
フォームコンテナコンポーネントの現在のバージョンについて詳しくは、フォームコンテナコンポーネントのドキュメントを参照してください。

設定ダイアログ settings-dialog

設定ダイアログでは、コンポーネントの送信時に実行されるアクションをコンテンツ作成者が定義できます。

選択した​ アクションタイプ ​に応じて、コンテナ内で使用可能なオプションが変わります。使用可能なアクションタイプは次のとおりです。

タイプに関係なく、各アクションに適用される一般的な設定があります。

Mail mail

アクションタイプが「メール」の場合、フォームが送信されると、指定した受信者にメールが送信されます。

  • 件名 - フォーム送信時に送信されるメールの件名

  • 宛先 - フォーム送信時に送信されるメールの差出人のメールアドレス

  • 宛先- - フォーム送信時にメールを受信する受信者のアドレス

    • アドレスを追加するには、「追加」ボタンをタップまたはクリックします
    • メールアドレスを削除するには、「削除」ボタンをタップまたはクリックします
  • CC - フォーム送信時に送信されるメールのカーボンコピーを受信する受信者のアドレス

    • アドレスを追加するには、「追加」ボタンをタップまたはクリックします
    • メールアドレスを削除するには、「削除」ボタンをタップまたはクリックします

コンテンツを格納 store-content

フォームが送信されると、フォームのコンテンツは、指定されたリポジトリの場所に保存されます。

  • コンテンツのパス - 送信されたコンテンツが格納されるコンテンツリポジトリのパス
  • データを表示 - タップまたはクリックすると、保存された送信済みデータが JSON 形式で表示されます
  • ワークフローを開始 - フォーム送信時に保存されたコンテンツをペイロードとしてワークフローを開始するように設定します

注文を送信 submit-order

フォームが送信されると、注文が送信されます。

注文を更新 update-order

フォームが送信されると、注文が更新されます。

一般設定 general-settings

ありがとうページは、選択したアクションタイプに関係なくいつでも定義できます。

フォーム送信の完了後、ユーザーは指定したページにリダイレクトされます。

  • 選択ダイアログを使用して、AEM 内のリソースを選択します。
  • ありがとうページが AEM にない場合は、絶対 URL を指定します。絶対 URL 以外の URL は、AEM からの相対 URL と解釈されます。
  • 空白のままにすると、送信後にフォームが再度表示されます。

デザインダイアログ design-dialog

テンプレート作成者は、デザインダイアログを使用して、テンプレートエディターにおける標準レイアウトコンテナのデザインダイアログと同様に、許可されるコンポーネントとそのコンテナマッピングを定義できます。

技術的詳細 technical-details

フォームコンテナコンポーネントに関する最新の技術ドキュメントについては、GitHub を参照してください。

コアコンポーネントプロジェクト全体を GitHub からダウンロードできます。

コアコンポーネントの開発について詳しくは、コアコンポーネント開発者向けドキュメントを参照してください。

recommendation-more-help
d2be9096-a81e-404b-9952-d8925af7219c