Dashboard Function: Add Parts: Quick Access

Overview¶

Add quick access to the "Dashboard". Links to the configured sites ("Folder", "Table", "Wiki", "Dashboard") are listed.

Setting Procedure¶

General Tab¶

Access Control Tab¶

Set the reference permissions for quick access. This part will be hidden if a user without reference permissions opens the dashboard.

Display Content¶

Site Icon¶

An icon will automatically be displayed before the site name according to the type of site specified by the site ID. You can change the icon by Specifying the site ID in JSON format, which will be described later.

Site type	Icon
Folder
Time-limited Table
Recorded Table
Wiki
Dashboard

Layout¶

Choose either vertical or horizontal layout.

Specifying Site IDs in JSON Format¶

By specifying the site ID in JSON format, you can change icons and assign CSS styles to each displayed site.

ViewMode¶

The values that can be specified for ViewMode are as follows.

Setting Example¶

This is an example of adding a button that opens a single site in "Kanban" and a button that opens it in "Calendar". Both are also set to "open in a new tab".

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14

[
    {
        "Id": 123,
        "Title": "WBS (Kanban)",
        "ViewMode": "Kamban",
        "OpenInNewTab": true
    },
    {
        "Id": 123,
        "Title": "WBS (Calendar)",
        "ViewMode": "Calendar",
        "OpenInNewTab": true
    }
]

The display result when the site ID and CSS are set as follows is shown below.

 1
 2
 3
 4
 5
 6
 7
 8
 9
10
11
12
13
14
15

[
    {
        "Id": 123,
        "Icon": "check_circle",
        "Css": "bgcolorPink"
    },
    {
        "Id": 456,
        "Icon": "check_circle"
    },
    {
        "Id": 789,
        "Css": "bgcolorPink"
    }
]

1
2
3

.bgcolorPink {
      background-color: pink;
}

Display Result¶

*1 How to Search for Specified Characters from Material Symbols¶

To specify the characters for the Icon in the JSON format site ID specification, follow the procedure below:

1. Open the Material Symbols page.

   

2. Click the icon you want to use.

   

3. Set the text enclosed in span tags in the "Inserting the icon" field displayed on the right side of the screen as the Icon.

   

Supported Versions¶

Related Information¶

• Dashboard Function: Add Parts
• Folder function
• Table Function
• Wiki Function
• Manage Table: Style
• Table Function: Kanban Display of Records
• Dashboard Function: Add Parts: Calendar
• Material Symbols