AX - タイムライン
概要
AX - タイムライン は、Experience SitesページでSalesforceレコードを時系列順に表示するExperience Cloudコンポーネントです。
ポータルユーザーにケース履歴、注文タイムライン、プロジェクトのマイルストーン、その他の日付付きレコードなどの日付ベースのアクティビティを表示するために使用します。ユーザーはエントリを検索・フィルタリングし、アイテムからレコードを開き（ クリック時 アイテム上のインタラクション）、期間別に整理されたイベントを確認できます。日付項目を持つ任意の標準またはカスタムオブジェクトからデータを取得できます。
アクティビティフィード、ケース履歴、注文追跡タイムライン、プロジェクトステータスの更新、またはポータルユーザーがスクロール可能な時系列形式で「いつ何が起こったか」を確認する必要があるあらゆる場所に最適です。
Avonni タイムラインは リアクティブ対応
設定
アイテム
この アイテム プロパティには、タイムラインのエントリが格納されます。取得元を選択します：
手動
タイムラインアイテムとその詳細を手動で入力します。
クエリ
クエリを使用して、Salesforceレコードをタイムラインに自動入力します。
各アイテムは同じ設定から作成されます。 手動 モードではアイテムごとに入力し、 クエリ モードでは、クエリ対象オブジェクトの項目にそれぞれをマッピングします。
タイトル
アイテムの見出し。
説明
タイトルの下に表示されるテキスト。
アバター
アイテムのアイコン： イニシャル, アイコン名, 画像、および プレゼンスタイプ.
日付
必須。アイテムをタイムライン上に配置します。クエリモードではクエリも並べ替えます。 並べ替え方向.
アクティブ
アイテムを現在のアイテムとしてマークします。
チェックボックスあり
アイテムにチェックボックスを追加します。
項目
ユーザーがアイテムを開いたときに表示される、ラベルと値のペア。 項目属性 そのレイアウトを設定します。
名前 / キー項目
アイテムの一意の識別子（手動： 名前、クエリ： キー項目, {{Record.Id}} がデフォルト）。
フィルター
クエリモードのみ。ユーザーがフィルターできる項目。 フィルターメニュー属性.
クリック時
ユーザーがアイテムをクリックしたときに実行される動作（レコードへの移動など）。これがない場合、アイテムはクリックできません。
基本設定
タイトル はタイムラインのメイン見出しで、 キャプション はその下に表示される簡単な説明または補足テキストです。 タイトルテキストスタイル および キャプションテキストスタイル では、それぞれのタイポグラフィを設定します： 見出し 1 から 見出し 4、または 段落 1 / 段落 2.
視覚要素と機能要素
API名
コンポーネントを参照するために使用される一意の識別子。
アイコン名
タイムラインのタイトルの横に表示されるSalesforce Lightning Design Systemのアイコン。各アイテム固有のアイコンは、アイテムの アバター.
アイコンサイズ
そのヘッダーアイコンのサイズ： XXS, XS, 小, 中 （デフォルト）、または 大.
アイテムアイコンサイズ
アイテムごとのアイコンサイズ： XXS, XS, 小 （デフォルト）、 中 または 大.
方向
縦 （デフォルト）、または 横 レイアウト。
並べ替え方向
昇順 または 降順 （デフォルト）の時系列順。
グループ化基準
アイテムを次の単位でグループ化します： 日, 週, 月、または 年。未設定のままにすると、アイテムはグループ化されずに一覧表示されます。今日以降の日付のアイテムは、 今後.
アイテムの日付形式
アイテム上での日付の表示方法： 標準, 相対 （例：「2日前」）、 プリセット （Luxonプリセット、 DATE_MED がデフォルト）または カスタム （デフォルトは LLLL dd, yyyy, tで、「2026年9月02日 13:00」と表示されます）。
結合済み
ヘッダーをタイムライン本文に接続し、間に余白を設けません。下部の境界線は、 ヘッダー境界線でスタイル設定します。デフォルトではオフです。
折りたたみ可能
ユーザーが各グループを折りたためるようにします。必要条件： グループ化基準でスタイル設定します。デフォルトではオフです。
閉じる
これらのグループを折りたたんだ状態で開始します。必要条件： 折りたたみ可能でスタイル設定します。デフォルトではオフです。
検索可能
検索ボックスを追加します。手動モードでは、アイテムのタイトルと説明を検索します。デフォルトではオフです。
ページネーションを表示
アイテムをページに分割します。 最大表示アイテム数 をページサイズとして使用します（空の場合は20）。
最大表示アイテム数
これを ページネーションを表示 オンにすると、ページサイズになります。オフの場合、縦型タイムラインにはその数のアイテムが表示され、その後に さらに表示 ボタンが表示されます。
クリック時にハイライト
アイテムがクリックされたときに視覚的にハイライトします。
インタラクティビティとカスタマイズ
ヘッダーアクション タイムラインのヘッダーにアクションボタンを追加します。各アクションには、 ラベル、 名前、 アイコン名、 タイトル, 代替テキスト および クリック時 インタラクションがあります。 表示するアクションボタン数 残りがメニューに移動する前に、ボタンとして表示するヘッダーアクションの数を設定します。
アイテムアクション アイテムレベルでアクションボタンを追加します（縦方向のみ）。
項目属性 各アイテムのレイアウトを設定します。 項目:
列数：デフォルトは1です。幅が480px未満のコンテナ、およびサイズ固有の値が設定されていない場合に適用されます。
小, 中 および 大きいコンテナの列数：各コンテナサイズの列数。
バリアント:
標準（デフォルト）、ラベルを非表示,ラベルをインライン表示またはラベルを積み重ねて表示.
フィルターメニュー属性 では、フィルターの表示方法を設定します。フィルターはクエリモードでのみ使用できます。まず、 フィルター アイテムマッピングで項目を選択します。 タイプ で、これらを配置します。 横 （デフォルト）、 ポップオーバー、または パネル。また、 選択リストフィルターの並べ替え順, レコードの選択リスト値を使用 および カスケードフィルター値を使用 では、選択リストオプションの一覧表示方法を制御します。
検索エンジン属性 検索ボックスをカスタマイズします：その プレースホルダー (検索 がデフォルト）と、その 位置, 左 （デフォルト）、 右, 中央 または 塗りつぶし.
ページネーション属性 次のラベルとアイコンを設定します： 最初, 前へ, 次へ および 最後 ボタン、およびその配置： 左 （デフォルト）、 中央 または 右.
スタイル
タイムラインの外観は、 スタイル プロパティエディターのセクションからカスタマイズします。
タイムライン周囲の外側の余白を制御します。
タイムライン内の内側の余白を制御します。
タイムラインの寸法（幅／高さ／オーバーフロー）を制御します。
タイムライン周囲の境界線（色／サイズ／スタイル／半径）を制御します。
背景色
ヘッダー背景の色を設定します。
パディング（上、右、下、左）
ヘッダー内の余白を設定します。
下マージン
ヘッダーの下の余白を決定します。
境界線の色
ヘッダーの境界線の色を決定します。
境界線のサイズ
ヘッダー周囲の境界線の太さを調整します。
境界線スタイル
境界線のスタイル（例：実線、破線、点線）を選択します。
境界線の半径
ヘッダーの角を丸くして、柔らかな印象にします。
下部境界線の色（結合済み）
次の場合、 結合済み がオンの場合、ヘッダー下部の境界線の色を設定します。
下部境界線のサイズ（結合済み）
次の場合に、その下部境界線の太さを調整します。 結合済み がオンの場合。
下部境界線のスタイル（結合済み）
次の場合に、その下部境界線のスタイルを選択します。 結合済み がオンの場合。
色
タイトルテキストの色を変更します。
フォントサイズ
タイトルテキストのサイズを調整します。
フォントの太さ
タイトルテキストの太さまたは濃さを変更します。
フォントスタイル
タイトルテキストにスタイル（例：斜体、標準）を適用します。
色
キャプションテキストの色を設定します。
フォントサイズ
キャプションテキストのサイズを調整します。
フォントの太さ
キャプションテキストの太さまたは濃さを変更します。
フォントスタイル
キャプションテキストにスタイルを適用します
背景色
ヘッダーアバターの背景色を設定します。
前景色
アバターのコンテンツ（アイコンまたはイニシャル）の色を設定します。
境界線の半径
アバターの角を丸くして、柔らかな印象にします。
行数制限
アイテムの説明を、切り詰める前に指定した行数に制限します。
アイコン背景色
アイテムごとのアイコンの背景色を設定します。
ホバー時の背景色
ポインターがアイテムの上にある間の背景色。
ハイライト時の背景色
によってハイライトされたアイテムの背景色。 クリック時にハイライト.
インライン間隔
アイテム内の項目間の水平方向の間隔。
ブロック間隔
アイテム内の項目間の垂直方向の間隔。
背景色
アイテムの項目領域の背景色を設定します。
境界線の色
項目領域の境界線の色を決定します。
境界線のサイズ
その境界線の太さを調整します。
境界線スタイル
その境界線のスタイルを選択します。
境界線の半径
項目領域の角を丸くします。
背景色
ボタンの背景色を変更します。アクティブ、ホバー、無効それぞれの値を設定できます。
テキスト／アイコンの色
ボタン内のテキストまたはアイコンの色を調整します。アクティブ、ホバー、無効それぞれの値を設定できます。
境界線の色
ボタンの境界線の色を設定します。アクティブ、ホバー、無効それぞれの値を設定できます。
境界線のサイズ／スタイル
ページネーションボタンの境界線プロパティを設定します。
アクティブボタン…
現在表示されているページのボタンに適用される、同じ背景色、テキスト／アイコン色、境界線色。
背景色
フッター背景の色を設定します。
境界線の色
フッターの境界線の色を決定します。
境界線のサイズ
フッターの境界線の太さを調整します。
境界線スタイル
フッターの境界線のスタイルを選択します。
境界線の半径
フッターの角を丸くします。
ブロック開始／ブロック終了
ボタンの上下の垂直方向の間隔。
インライン開始／インライン終了
ボタンの前後の水平方向の間隔。
背景色
ボタンの背景色。アクティブとホバーそれぞれの値を設定できます。
テキストの色
ボタンのテキスト色。アクティブとホバーそれぞれの値を設定できます。
境界線の色
ボタンの境界線の色。アクティブとホバーそれぞれの値を設定できます。
境界線のサイズ／境界線の半径
ボタンの境界線の太さと角の丸み。
次によって開かれるダイアログまたはサイドパネルのスタイルを設定します： フローダイアログを開く または フローパネルを開く インタラクションがあります。
フローダイアログヘッダー
背景、下部境界線（色とサイズ）、ラベルのタイポグラフィ（色、フォントサイズ、フォントの太さ）。
フローダイアログフッター
背景と上部境界線（色とサイズ）。
フローパネル
パネル本体の背景色と枠線（色、サイズ、スタイル、角丸）。
フローパネルのヘッダー
背景、下部の枠線、ラベルのタイポグラフィ、閉じるアイコンの色。
最終更新
役に立ちましたか？