ダッシュボード機能:パーツの追加:カスタムHTML
## 概要
「[ダッシュボード](/manual/dashboard)」に「カスタムHTML」を追加します。動画やBIツールで作成したグラフの埋め込みの他、「[スクリプト](/manual/table-management-script)」「[スタイル](/manual/table-management-style)」と組み合わせることで、様々な用途に拡張可能です。
## 設定手順
### 全般タブ
![image](/binaries/b87f9595bc434058ae0e0ce2553825b4)
|項目名|説明|
|:---|:---|
|タイトル|パーツの名称です。|
|タイトルを表示する|タイトルを表示させる場合にチェックします。|
|内容|表示したい内容をHTML形式で入力します。|
|非同期読み込みしない|このチェックボックスにチェックを付けた場合、非同期読み込みの設定に関わらず非同期読み込みを行いません。非同期読み込みの設定については「[ダッシュボード機能:パーツの追加](/manual/dashboard-add-parts)」を参照ください。|
|CSS|カスタムHTMLの要素にCSSを適用する場合に使用します。CSSクラス名を指定することで、各項目に任意のクラス名を指定し、「[スタイル](/manual/table-management-style)」を適用することができます。|
### アクセス制御タブ
![image](/binaries/167279a1723c478f821bdc71af9b2ccb)
カスタムHTMLに対する参照権限を設定します。参照権限のないユーザがダッシュボードを開いた場合、このパーツは非表示となります。
## 表示内容
* 例:動画の表示
![image](/binaries/aa46e613c95147dc910fb806dc3a8f8a)
* 例:BIツールで作成したグラフの表示
![image](/binaries/ea73319f6b8b4595b29afeaeef7c618d)
## 関連情報
<div id="ManualList"><ul><li><a href="/manual/table-management-style">テーブルの管理:スタイル</a><span>2023/05/18 up</span></li>
<li><a href="/manual/table-management-script">テーブルの管理:スクリプト</a><span>2023/05/18 up</span></li></ul></article>
<ul><li><a href="/manual/dashboard">ダッシュボード機能</a><span>2024/02/20 up</span></li>
<li><a href="/manual/dashboard-add-parts">ダッシュボード機能:パーツの追加</a><span>2023/07/28 up</span></li>
<li><a href="/manual/dashboard-view">ダッシュボード機能:ビューの保存種別</a><span>2024/02/13 up</span></li>
<li><a href="/manual/dashboard-quickaccess">ダッシュボード機能:パーツの追加:クイックアクセス</a><span>2023/07/28 up</span></li>
<li><a href="/manual/dashboard-calendar">ダッシュボード機能:パーツの追加:カレンダー</a><span>2023/07/28 up</span></li>
<li><a href="/manual/dashboard-timeline">ダッシュボード機能:パーツの追加:タイムライン</a><span>2023/07/28 up</span></li>
<li><a href="/manual/dashboard-custom">ダッシュボード機能:パーツの追加:カスタム</a><span>2023/07/28 up</span></li></ul></article>
<ul><li><a href="/manual/style">開発者向け機能:スタイル</a><span>2023/05/18 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />