Show Menu
TOPICS×

フォームコンテナコンポーネント

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

使用方法

フォームコンテナコンポーネントでは、シンプルな WCM フォームをサポートし、フォームコンポーネントの追加が可能なネスト構造を使用しているので、シンプルな情報送信フォームおよび機能を作成できます。
設定ダイアログ を使用して、コンテンツ編集者は、フォーム送信でトリガーされるアクション、送信されたコンテンツの保存先、ワークフローをトリガーするかどうかを定義できます。テンプレート作成者は、 デザインダイアログ を使用して、 テンプレートエディターにおける標準レイアウトコンテナ のデザインダイアログと同様に、許可されるコンポーネントとそのマッピングを定義できます。
コアコンポーネントのフォームコンテナコンポーネントでは、コアコンポーネントのフォームコンポーネント(ボタン、テキスト、非表示など)のみ使用できます。 基盤コンポーネント のフォームコンポーネントをコアコンポーネントのフォームコンテナ内で使用すること(およびその逆の使用)はサポートされていません。

バージョンと互換性

このドキュメントでは、フォームコンテナコンポーネントの現在のバージョン(2018 年 1 月にコアコンポーネントのリリース 2.0.0 で導入された v2)について説明します。
コンポーネントのすべてのサポート対象バージョン、コンポーネントの各バージョンと互換性のある AEM バージョン、以前のバージョンのドキュメントへのリンクを次の表に示します。
コンポーネントのバージョン
AEM 6.3
AEM 6.4
AEM 6.5
AEM as a Cloud Service
v2
-
互換性あり
互換性あり
互換性あり
互換性あり
互換性あり
互換性あり
-
コアコンポーネントのバージョンとリリースについて詳しくは、 コアコンポーネントのバージョン を参照してください。

コンポーネント出力のサンプル

フォームコンテナコンポーネントを実際に体験し、その設定オプションや HTML および JSON 出力の例を確認するには、 コンポーネントライブラリ を参照してください。

技術的詳細

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

設定ダイアログ

設定ダイアログでは、コンポーネントの送信時に実行されるアクションをコンテンツ作成者が定義できます。
選択した​
アクションタイプ
​に応じて、コンテナ内で使用可能なオプションが変わります。使用可能なアクションタイプは次のとおりです。
タイプに関係なく、各アクションに適用される 一般的な設定 があります。

メール

アクションタイプが「メール」の場合、フォームが送信されると、指定した受信者に電子メールが送信されます。
  • 件名
    - フォーム送信時に送信される電子メールの件名
  • 差出人
    - フォーム送信時に送信される電子メールの差出人の電子メールアドレス
  • 宛先-
    - フォーム送信時に電子メールを受信する受信者のアドレス
    • アドレスを追加するには、「
      追加
      」ボタンをタップまたはクリックします
    • 電子メールアドレスを削除するには、「
      削除
      」ボタンをタップまたはクリックします
  • CC
    - フォーム送信時に送信される電子メールのカーボンコピーを受信する受信者のアドレス
    • アドレスを追加するには、「
      追加
      」ボタンをタップまたはクリックします
    • 電子メールアドレスを削除するには、「
      削除
      」ボタンをタップまたはクリックします

コンテンツを格納

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

一般的な設定

ありがとうページは、選択したアクションタイプに関係なくいつでも定義できます。
  • 「ありがとうございます」ページ
    - フォーム送信の完了後、ユーザーは指定したページにリダイレクトされます。
    • 選択ダイアログを使用して、AEM 内のリソースを選択します。
    • ありがとうページが AEM にない場合は、絶対 URL を指定します。絶対 URL 以外の URL は、AEM からの相対 URL と解釈されます。
    • 空白のままにすると、送信後にフォームが再度表示されます。
  • ID
    - このオプションを使用すると、HTML 内および データレイヤー 内のコンポーネントの一意の識別子を制御できます。
    • 空白のままにした場合、一意の ID が自動的に生成されます。生成された ID は結果のページを調べることで確認できます。
    • ID を指定した場合、作者はその ID が一意であることを確認する必要があります。
    • ID を変更すると、CSS、JS、およびデータレイヤーのトラッキングに影響を与える可能性があります。

デザインダイアログ

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

「スタイル」タブ

フォームコンテナコンポーネントは、AEM スタイルシステム をサポートしています。