ダッシュボード機能:パーツの追加:タイムライン
## 概要
[ダッシュボード](/ja/manual/dashboard)に「タイムライン」を追加します。選択したサイトのレコードを任意の条件、並び順で表示します。
## 設定手順
### 全般タブ
![image](https://pleasanter.org/binaries/dfb4bfaedcf04167bb6efa20df3c0ca3)
<a id="record-title"></a>
<a id="record-description"></a>
<a id="base-site"></a>
|項目名|説明|
|:---|:---|
|タイトル|パーツの名称です。|
|タイトルを表示する|タイトルを表示させる場合にチェックします。|
|サイトID|表示したいサイトID、サイト名、サイトグループ名をカンマ区切りで入力します。期限付きテーブルまたは記録テーブルのみ指定可能です。複数指定した場合、先頭のサイトが「基準サイト」となり、フィルタタブおよびソータタブの選択項目として利用します。|
|レコードのタイトル|タイムライン上に表示する際のタイトルを指定します。角括弧([])囲いで[基準サイト](#base-site)の項目名を指定することで、動的に値を設定することができます。|
|レコードの内容|タイムライン上に表示する際の内容を指定します。角括弧([])囲いで[基準サイト](#base-site)の項目名を指定することで、動的に値を設定することができます。|
|表示タイプ|タイムラインに表示するレコードの表示タイプを選択します。|
|表示件数|タイムライン上に表示するレコードの件数を指定します。|
|非同期読み込みしない|このチェックボックスにチェックを付けた場合、非同期読み込みの設定に関わらず非同期読み込みを行いません。非同期読み込みの設定については[ダッシュボード機能:パーツの追加](/ja/manual/dashboard-add-parts)を参照ください。|
|CSS|タイムラインの要素にCSSを適用する場合に使用します。CSSクラス名を指定することで、各項目に任意のクラス名を指定し、[スタイル](/ja/manual/table-management-style)を適用することができます。|
### フィルタタブ
![image](https://pleasanter.org/binaries/ef96b1ddbb754c1fb9c1944d58f7123b)
タイムラインに出力したいレコードのフィルタ条件を設定します。選択肢は[基準サイト](#base-site)の[表示名](/ja/manual/table-management-label-text)となりますが、選択した項目(分類A、数値B等)でサイトIDで設定した全テーブルのレコードに対してフィルタを行います。
### ソータタブ
![image](https://pleasanter.org/binaries/485b81e872d949d2aaa6a8bca290a72e)
タイムラインに出力したいレコードの並び順を設定します。選択肢は[基準サイト](#base-site)の[表示名](/ja/manual/table-management-label-text)となりますが、選択した項目(分類A、数値B等)でサイトIDで設定した全テーブルのレコードに対してソートを行います。未設定の場合は、サイトIDで設定した全テーブルのレコードに対して更新日時の降順でソートします。
### アクセス制御タブ
![image](https://pleasanter.org/binaries/4b3de68ebb634eba96d24060e9a3e3ed)
タイムラインに対する参照権限を設定します。参照権限のないユーザがダッシュボードを開いた場合、このパーツは非表示となります。
## 表示内容
### 表示タイプ
表示タイプの設定に応じて下記の通り表示します。
|表示タイプ|表示内容|
|:---|:---|
|簡易|初期表示は[レコードのタイトル](#record-title)を表示します。マウスカーソルを乗せるとテーブル名、[レコードの内容](#record-description)を表示します。|
|標準|初期表示はテーブル名、[レコードのタイトル](#record-title)を表示します。マウスカーソルを乗せると[レコードの内容](#record-description)を表示します。|
|詳細|初期表示の時点でテーブル名、[レコードのタイトル](#record-title)、[レコードの内容](#record-description)を表示します。|
* 表示タイプ:簡易
![image](https://pleasanter.org/binaries/981563def6a74a4fb073f4da9a37b38c)
* 表示タイプ:標準
![image](https://pleasanter.org/binaries/35bf9bc82cd24c8da9c8f9654a730390)
* 表示タイプ:詳細
![image](https://pleasanter.org/binaries/e2dbf48560ee4cf8ae6e00ab26ab9eb7)
## 関連情報
<div id="ManualList"><ul><li><a href="/ja/manual/table-management-label-text">テーブルの管理:エディタ:項目の詳細設定:表示名</a><span>2023/04/25 up</span></li></ul></article>
<ul><li><a href="/ja/manual/table-management-style">テーブルの管理:スタイル</a><span>2024/12/10 up</span></li></ul></article>
<ul><li><a href="/ja/manual/dashboard">ダッシュボード機能</a><span>2024/12/19 up</span></li>
<li><a href="/ja/manual/dashboard-add-parts">ダッシュボード機能:パーツの追加</a><span>2024/12/26 up</span></li>
<li><a href="/ja/manual/dashboard-view">ダッシュボード機能:ビューの保存種別</a><span>2024/06/21 up</span></li>
<li><a href="/ja/manual/dashboard-quickaccess">ダッシュボード機能:パーツの追加:クイックアクセス</a><span>2024/11/12 up</span></li>
<li><a href="/ja/manual/dashboard-calendar">ダッシュボード機能:パーツの追加:カレンダー</a><span>2024/07/01 up</span></li>
<li><a href="/ja/manual/dashboard-custom">ダッシュボード機能:パーツの追加:カスタム</a><span>2024/06/21 up</span></li>
<li><a href="/ja/manual/dashboard-customhtml">ダッシュボード機能:パーツの追加:カスタムHTML</a><span>2024/12/19 up</span></li></ul></article>
<ul><li><a href="/ja/manual/style">開発者向け機能:スタイル</a><span>2023/05/18 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />