ダッシュボード機能:パーツの追加:カスタムHTML
## 概要
[ダッシュボード](/ja/manual/dashboard)に「カスタムHTML」を追加します。動画やBIツールで作成したグラフの埋め込みの他、[スクリプト](/ja/manual/table-management-script)、[スタイル](/ja/manual/table-management-style)と組み合わせることで、様々な用途に拡張可能です。
## 設定手順
### 全般タブ
![image](https://pleasanter.org/binaries/011d5ee0791e4faea966943fb3a324cb)
|項目名|説明|
|:---|:---|
|タイトル|パーツの名称です。|
|タイトルを表示する|タイトルを表示させる場合にチェックします。|
|内容|表示したい内容をHTML形式で入力します。|
|非同期読み込みしない|このチェックボックスにチェックを付けた場合、非同期読み込みの設定に関わらず非同期読み込みを行いません。非同期読み込みの設定については[ダッシュボード機能:パーツの追加](/ja/manual/dashboard-add-parts)を参照ください。|
|CSS|カスタムHTMLの要素にCSSを適用する場合に使用します。CSSクラス名を指定することで、各項目に任意のクラス名を指定し、[スタイル](/ja/manual/table-management-style)を適用することができます。|
### アクセス制御タブ
![image](https://pleasanter.org/binaries/e047de2714124ab28d60d4078fde61ec)
カスタムHTMLに対する参照権限を設定します。参照権限のないユーザがダッシュボードを開いた場合、このパーツは非表示となります。
## 表示内容
* 例:動画の表示
![image](https://pleasanter.org/binaries/e15243d731f841c4a6a7de2ae7ac8989)
* 例:BIツールで作成したグラフの表示
![image](https://pleasanter.org/binaries/eb2e124527e0468bb90a97bed49a4d29)
## 関連情報
<div id="ManualList"><ul><li><a href="/ja/manual/table-management-style">テーブルの管理:スタイル</a><span>2024/12/10 up</span></li>
<li><a href="/ja/manual/table-management-script">テーブルの管理:スクリプト</a><span>2024/10/08 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-timeline">ダッシュボード機能:パーツの追加:タイムライン</a><span>2024/06/21 up</span></li>
<li><a href="/ja/manual/dashboard-custom">ダッシュボード機能:パーツの追加:カスタム</a><span>2024/06/21 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="" />