Show Menu
TOPICS×

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

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

使用方法

フォームコンテナコンポーネントでは、シンプルな WCM フォームをサポートし、フォームコンポーネントの追加が可能なネスト構造を使用しているので、シンプルな情報送信フォームおよび機能を作成できます。
設定ダイアログ を使用して、コンテンツ編集者は、フォーム送信でトリガーされるアクション、送信されたコンテンツの保存先、ワークフローをトリガーするかどうかを定義できます。The template author can use the design dialog to define the allowed components and their mappings similar to the design dialog for the standard layout container in the template editor .
コアコンポーネントのフォームコンテナコンポーネントでは、コアコンポーネントのフォームコンポーネント(ボタン、テキスト、非表示など)のみ使用できます。Using foundation components form components within the core components form container (and vice versa) is not supported.

バージョンと互換性

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

技術的詳細

The latest technical documentation about the Form Container Component can be found on GitHub. container
コアコンポーネントの開発について詳しくは、 コアコンポーネント開発者向けドキュメント を参照してください。

設定ダイアログ

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

メール

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

コンテンツを格納

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

注文を送信

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

注文を更新

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

一般的な設定

「ありがとうございます」ページは、選択したアクションタイプに関係なくいつでも定義できます。
フォーム送信の完了後、ユーザーは指定したページにリダイレクトされます。
  • 選択ダイアログを使用して、AEM 内のリソースを選択します。
  • 「ありがとうございます」ページが AEM にない場合は、絶対 URL を指定します。絶対 URL 以外の URL は、AEM からの相対 URL と解釈されます。
  • 空白のままにすると、送信後にフォームが再度表示されます。

デザインダイアログ

The design dialog allows the template author to define the allowed components and their mappings for the container similar to the design dialog for the standard layout container in the template editor .