[AEM Forms]{class="badge positive" title="AEM Formsに適用)。"}
インタラクティブ通信エディターのテーブルコンポーネント
1. はじめに
インタラクティブ通信(IC)エディターのテーブルコンポーネントを使用すると、カスタマイズ可能なテーブルを通信テンプレートに簡単に挿入できます。 このコンポーネントは、要約、項目リスト、構造化入力、比較レイアウトなどのユースケースに対する表形式のデータ表現をサポートしています。
作成者は、表コンポーネントをカンバスにドラッグ&ドロップしたり、行と列の数を設定したり、ヘッダーとフッターの行を含むオプションやレイアウトの方向を設定するオプションを選択したりできます。 複数のコミュニケーション全体で一貫性を保つためのデフォルトのテンプレートとして、テーブルを定義できます。
2. プロパティ
テーブルコンポーネントには、作成者がテーブルの動作と外観をカスタマイズするのに役立つ、いくつかの設定可能なプロパティが含まれています。
2.1基本フィールド
-
名前: テーブルの一意のID。 この名前は、データモデルとロジックでテーブルを参照するために内部的に使用されます。
-
行: コンテンツ行(ヘッダーとフッターを除く)の数を指定します。
-
列: テーブルの列数を定義します。
-
ヘッダー行:列ラベルのテーブルの上部にヘッダー行を含めるオプション。
-
フッター行: オプションを使用して、合計または概要値のフッター行を含めます。
-
既定として設定:現在の設定を今後の使用のために既定のテーブル テンプレートとして保存できます。
-
レイアウト方向:行の入力方法を定義します。通常は、左から右に設定されます。
2.2 ポジション
-
説明: レイアウト内のテーブルの配置を制御します。
-
設定:
-
XおよびY座標: キャンバス上のテーブルの水平位置(X)および垂直位置(Y)を設定します。
-
高さと幅: テーブル全体のサイズ(mm)を定義し、柔軟なスペース割り当てを可能にします。
-
2.3外観
アピアランス: テーブルの視覚的なスタイルを設定します。 作成者は、境界線、フラット、高架などの事前定義済みのプリセットから選択できます。
-
塗りつぶし:表またはセルの背景色。
-
線:表または特定のセルの周囲の境界線の色。
-
線幅:境界線の太さ。
-
スタイル: エッジの種類(角丸または鋭角)を選択します。
-
エッジ: セルの境界線とコーナーの半径の表示を設定します。
2.4 プレゼンス
-
説明:実行時のテーブルの表示を決定します。
-
オプション:
-
表示可能:出力にテーブルを通常どおりに表示します。
-
非表示: テーブルを非表示にしますが、レイアウト内のスペースを保持します。
-
2.5 データバインディング
データバインディング: テーブルをデータソース(JSON、XML スキーマなど)で接続し、生成中に行と列に値を動的に入力します。 これは、請求明細、取引記録、製品リストの作成に便利です。
3. 使用方法
表コンポーネントは、構造化された情報や繰り返し情報を表示するのに最適です。 一般的なユースケースは、次のとおりです。
-
請求書と請求書品目の行
-
ポリシーまたはプランの比較
-
プロファイルデータまたはアカウントデータの概要
-
製品カタログや機能マトリックス
作成者は、行数と列数を設定したり、条件付き表示を適用したり、データをバインドして動的情報を表示したりできます。
4. ベストプラクティス
-
ヘッダー行を使用すると、各列に明確なラベルを付けて読みやすくすることができます。
-
必要に応じて、合計または重要なメモにフッター行を適用します。
-
データバインディングを活用して、構造化された入力にもとづいて行を動的に設定できます。
-
アピアランスとマージンの設定を使用して、一貫したスタイルと間隔を維持します。
-
テーブルを非表示にする場合は、スペースを保持するかどうかを選択して、レイアウトの連続性を確保します。
-
デフォルトテンプレートを使用して、ドキュメント間で表形式のコンテンツを標準化できます。
IC エディターのテーブルコンポーネントは、柔軟でデータフレンドリーなコンポーネントで、コミュニケーションの構造化コンテンツをサポートするように設計されています。 カスタマイズ可能なレイアウトオプション、スタイル機能、強力なデータバインディングにより、コンテンツ制作者は情報を明確かつ効果的に提示できます。
関連トピック
- インタラクティブ通信エディターでのテーブルのセルの結合と分割 – 隣接するセルを1つのセルに結合するか、結合されたセルを分割して柔軟なテーブル レイアウトを作成する方法を説明します。
- インタラクティブ通信エディターでの動的テーブルの作成
- インタラクティブ通信エディターでのデータバインディングの設定