Dashboard Function: Add Parts: Custom HTML
## Overview
Add "Custom HTML" to the "[Dashboard](/en/manual/dashboard)". In addition to embedding videos and graphs created with BI tools, you can combine them with "[Script](/en/manual/table-management-script)" and "[Style](/en/manual/table-management-style)" to expand it for various purposes.
## Setting Procedure
### General Tab
![image](https://pleasanter.org/binaries/823d4b4faf584b42a5e4ec1b13d325b8)
|Item name|Description|
|:---|:---|
|Title|The name of the part. |
|Display Title|Check this box to display the title. |
|Content|Enter the content you want to display in HTML format. |
|Do Not Load Asynchronously|If you check this checkbox, asynchronous loading will not be performed regardless of the asynchronous loading settings. For information on setting asynchronous loading, refer to "[Dashboard Function: Add Parts](/en/manual/dashboard-add-parts)". |
|CSS|Use this to apply CSS to custom HTML elements. By specifying a CSS class name, you can specify any class name for each item and apply a "[Style](/en/manual/table-management-style)".|
### Access Control Tab
![image](https://pleasanter.org/binaries/2fb7f00c2dca4a7192cecbd3ae0cdbac)
Set the reference permissions for quick access. This part will be hidden if a user without reference permissions opens the dashboard.
## Display Content
* Example: Display a video
![image](https://pleasanter.org/binaries/aa46e613c95147dc910fb806dc3a8f8a)
* Example: Display a graph created with a BI tool
![image](https://pleasanter.org/binaries/2d617ff456764c8c8abf8595698eb97d)
## Related Information
<div id="ManualList"><ul><li><a href="/en/manual/table-management-style">Table Management: Style</a><span>08.13.2024 up</span></li>
<li><a href="/en/manual/table-management-script">Table Management: Script</a><span>08.13.2024 up</span></li></ul></article>
<ul><li><a href="/en/manual/dashboard">Dashboard Function</a><span>12.19.2024 up</span></li></ul></article></div><input id="SearchTextHidden" type="hidden" value="" />