ドキュメントAEMAEM チュートリアルAEM as a Cloud Service のチュートリアル

アダプティブフォームの作成

Last update: Thu Mar 27 2025 00:00:00 GMT+0000 (Coordinated Universal Time)
  • 適用対象：
  • Experience Manager as a Cloud Service

作成対象：

  • 初心者
  • 中級
  • 開発者

[AEM Forms as a Cloud Service]{class="badge informative"}

コアコンポーネントベースのアダプティブフォームを作成し、フォームに垂直タブコンポーネントを挿入します。

垂直コンポーネントの設定

垂直タブコンポーネントをクリックして、設定プロパティシートを開きます。次のタブを設定します。

  1. 基本 - 以下に示すように、垂直タブコンポーネントに意味のある名前とタイトルを指定します。
    vertical-tabs-1
  2. 項目 - 「項目」タブを使用すると、垂直タブコンポーネントに項目を追加できます。通常は、パネルを項目として追加し、フォーム要素をパネルに追加します。垂直タブにはデフォルトで 2 つの項目があり、以下に示すように、必要に応じて項目に名前を付けることができます。
    vertical-tabs-2

個々のパネルの設定

  1. 詳細 - 情報 ノードの下にある項目 1 を選択し、設定プロパティシートを開きます。以下に示すように、意味のある名前とタイトルを指定します。
    vertical-tabs-3

以下に示すように、詳細パネルに次のフィールドを追加します。
vertical-tabs-4

  1. 住所 - 情報 ノードの下にある項目 2 を選択し、設定プロパティシートを開きます。以下に示すように、意味のある名前とタイトルを指定します。
    vertical-tabs-6

以下に示すように、アドレスパネルに次の 2 つのテキストフィールドを追加します。
vertical-tabs-5

recommendation-more-help
4859a77c-7971-4ac9-8f5c-4260823c6f69