AX - タイムライン
概要
AX - タイムライン Experience Cloud コンポーネントで、Experience Sites ページ上に Salesforce レコードを時系列で表示します。
ポータルユーザに日付ベースのアクティビティ(ケース履歴、注文のタイムライン、プロジェクトのマイルストーン、または任意の日付付きレコードなど)を表示するために使用します。ユーザはエントリを検索・フィルターでき、アイテムをクリックしてレコードに移動し、イベントを時間帯ごとに整理して表示できます。日付フィールドを持つ標準オブジェクトやカスタムオブジェクトのデータを取得できます。
アクティビティフィード、ケース履歴、注文追跡のタイムライン、プロジェクトステータスの更新、またはポータルユーザがスクロール可能な時系列形式で「いつ何が起きたか」を確認する必要があるあらゆる場所に最適です。
Avonni タイムラインは リアクティブ対応
プロパティ
タイトル
タイムラインのメイン見出し。
タイトルスタイル テキスト
視覚的な強調のためにタイトルのフォントスタイルをカスタマイズします。
キャプション
タイムラインの簡潔な説明や補足テキスト。
キャプションスタイル テキスト
タイトルを補完するようにキャプションのフォントスタイルを調整します。
アイコン名
タイムライン項目を表すために Salesforce Lightning Design System のアイコンを選択します。
アイコンサイズ
視覚的一貫性のためにアイコンのサイズを決定します。
向き
コンテンツとスペースを考慮して「縦(vertical)」と「横(horizontal)」のレイアウトを選択します。
ソート方向
昇順には 'asc'、降順には 'desc' を選択します。
グループ化
ナビゲーションと理解を容易にするために、タイムライン項目を「週」「月」「年」で整理します
項目の日付フォーマット
明確さと一貫性のためにタイムライン項目の日付表示をフォーマットします
結合されているか
タイムライン項目が線やパスで視覚的に接続されるかどうかを選択します
閉じられている
タイムラインが閉じているか開放されているかを切り替えます
折りたたみ可能
タイムラインのセクションを折りたたみ可能にしてユーザの操作性を高めます
検索可能
ユーザがタイムライン内で特定の項目やイベントを検索できるようにします
ページネーションを表示
項目数が多いタイムラインにページネーションを実装します
最大表示項目数
ページネーションが適用される前に表示する項目の最大数を設定します
ヘッダーアクション
ユーザのコマンドや操作のためにタイムラインのヘッダーにアクションボタンを追加します。
項目アクション
特定の機能のために項目レベルでアクションボタンを実装します。
フィールド属性
列数やフィールド表示のバリアントなど、タイムライン項目内のフィールド表示を設定します
フィルタリングオプション
タイムライン項目の並べ替えや絞り込みのためにポップオーバーとして表示されるフィルタ機能を含めます
検索エンジンオプション
プレースホルダーテキストや位置設定で検索機能をカスタマイズします
ページネーションオプション
揃え方を調整し、「最初」「最後」「次」のページネーションコントロールのラベルとアイコンをカスタマイズします
手動
タイムライン項目とその詳細を手動で入力します。
データソース
クエリを使用してデータソースから自動的にタイムラインを項目で埋めます。
スタイリング設定
背景色
ヘッダーの背景色を設定します。
境界線の色
ヘッダーの境界線の色を決定します。
境界線の太さ
ヘッダーの周りの境界線の厚さを調整します。
境界線スタイル
境界線のスタイル(例:実線、破線、点線)を選択します。
角丸(ボーダー半径)
ヘッダーの角を丸くして柔らかい外観にします。
下部境界線の色(結合時)
タイムライン項目が結合されている場合、この色が下部境界線の色になります。
下部境界線の太さ(結合時)
項目が結合されているときの下部境界線の太さを調整します。
下部境界線スタイル(結合時)
結合された項目の下部境界線のスタイルを選択します。
パディング(上、右、下、左)
ヘッダー内の内部スペーシングを設定します。
下マージン
ヘッダーの下のスペースを決定します。
色
タイトルテキストの色を変更します。
フォントサイズ
タイトルテキストの色を変更します。
フォントの太さ(ウェイト)
タイトルテキストの太さや濃さを変更します。
フォントスタイル
タイトルテキストにスタイル(例:イタリック、ノーマル)を適用します。
色
キャプションテキストの色を設定します。
フォントサイズ
キャプションテキストのサイズを調整します。
フォントの太さ(ウェイト)
キャプションテキストの太さや濃さを変更します。
フォントスタイル
キャプションテキストにスタイルを適用します
色
アバターの背景色を設定します。
フォントサイズ
アバターのコンテンツ(例:アイコンや画像)の色を変更します。
フォントの太さ(ウェイト)
コントラストや強調のためにユーティリティカラーを調整します
フォントスタイル
アバターの角を丸くして柔らかい外観にします。
ボーダー
ページネーションボタンの境界線プロパティを設定します。
背景
ボタンの背景色を変更します。
テキスト/アイコンの色
ボタン内のテキストやアイコンの色を調整します。
アクティブボタンの色
ページネーションボタンがアクティブまたは選択されているときの色を指定します。
最終更新
役に立ちましたか?
