{"id":336,"date":"2026-03-18T08:00:00","date_gmt":"2026-03-17T23:00:00","guid":{"rendered":"https:\/\/support.learningbox.online\/?post_type=how-to-use&p=336"},"modified":"2026-03-18T08:00:17","modified_gmt":"2026-03-17T23:00:17","slug":"dashboard","status":"publish","type":"how-to-use","link":"https:\/\/support.learningbox.online\/en\/how-to-use\/dashboard\/","title":{"rendered":"Dashboard"},"content":{"rendered":"

This page explains how to select panels to display on the Dashboard.<\/p>\n\n\n\n

Interface<\/span><\/h2>\n\n\n\n

Depending on the management roles, displayed buttons will be different.
*For more details, refer to Management roles<\/a>.<\/p>\n\n\n\n

01. Admin<\/span><\/strong><\/p>\n\n\n\n

All panels will be displayed.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

02. Users with management roles<\/span><\/strong><\/p>\n\n\n\n

Depending on the management roles, buttons will be displayed.
e.g.) The \"Contents\" button will be displayed when you are a Content manager.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

03. Users with no management roles<\/span><\/strong><\/p>\n\n\n\n

Only \"Select a course\" and \"Grades\" will be displayed.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Settings<\/span><\/h2>\n\n\n\n
\n

Required<\/span><\/p>\n\n\n\n

Management role of Admin or Co-admin<\/p>\n<\/div>\n\n\n\n

*Make sure to click the Save button at the top before you leave the page.<\/p>\n\n\n\n

01. Dashboard settings<\/span><\/strong><\/p>\n\n\n\n

Click on \"Edit.\"<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

02. Add items to display<\/span><\/strong><\/p>\n\n\n\n

Click on the green button.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

03. Select panel<\/span><\/strong><\/p>\n\n\n\n

Select panels to add on the Dashboard.
Click \"Add new.\"<\/p>\n\n\n\n

\u25bcDisplayed items will be different depending on your contract.<\/strong><\/p>\n\n\n\n

[Curriculum\/Training]
Customization option is required.

[Products\/Seminars]
EC option is required.<\/p>\n\n\n\n

Panel settings<\/span><\/h3>\n\n\n\n

01. Button panel<\/span><\/strong><\/p>\n\n\n\n

Any button panel can be added.
Titles, icons, URLs, text color and more options can be customized. \n
Select users to display each panel.
Click \"Add\" to add a new panel.
*Up to four panels can be added.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n

02. Search fields (course or content)<\/span><\/strong><\/p>\n\n\n\n

A search field for courses and content can be displayed at the top of the Dashboard.
Users can search by entering keywords or specifying categories.
The results will be displayed after clicking the magnifying glass icon.
<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\u2003<\/span>Attention<\/span><\/span><\/div>
\n

Only one search field can be set on the dashboard.
It will be placed at the top of the page, and cannot be moved.<\/p>\n<\/div><\/div>\n\n\n\n

03. Eye-catching area<\/span><\/strong><\/p>\n\n\n\n

Carousel images can be displayed on the Dashboard, and a link can be set along with the images.
*Carousel: The format that users can swipe between multiple images to view.<\/p>\n\n\n\n

\"\"<\/figure>\n\n\n\n
\u2003<\/span>Attention<\/span><\/span><\/div>
\n

Only one eye-catching area can be displayed on the Dashboard.
It will be placed under the search field and cannot be moved.
*When the search field is hidden, it will be placed at the top of the Dashboard.<\/p>\n<\/div><\/div>\n\n\n\n

\"\"<\/figure>\n\n\n\n

Set the following items.<\/p>\n\n\n\n

\u25bcAuto image swap<\/strong>
Set the interval between 3 and 30 seconds for the auto image swap.<\/p>\n\n\n\n

\u25bcAdd image<\/strong>
Set images to be displayed.
Up to four sets of images can be set.<\/p>\n\n\n\n

\u30fbSelect image<\/strong>
To upload an image, drag and drop a file to the gray area or select the file from \"Select image.\"
*Images can be uploaded in any aspect ratio.
Uploaded images will be scaled up or down to fit the device's screen while maintaining the ratio.<\/p>\n\n\n\n

\u2003<\/span>Attention<\/span><\/span><\/div>
\n

Images for PC must be set.
The image for smartphone display is optional. \n
When it is not set, the image for PC will be displayed.<\/p>\n<\/div><\/div>\n\n\n\n

\u30fbalt attribute<\/strong>
Depending on the language, you can display dirrefent items.
*alt attribute: it provides alternative text for an image.<\/p>\n\n\n\n

URL<\/strong>
You can specify the URL when users click on the image.
Tick \"Open link in new tab\" if necessary.<\/p>\n\n\n\n

To add more images, click \"+ Add.\"
To delete the uploaded image, click on Delete.<\/p>\n\n\n\n

04. Time spent, consecutive days, expiration date, badges<\/span><\/strong><\/p>\n\n\n\n

Items regarding a learner's progress can be displayed.
Set the title and icon for the panel.<\/p>\n\n\n\n

\"\"\/<\/figure>\n\n\n\n
\u2003<\/span>Attention<\/span><\/span><\/div>
\n

Upcoming training can be displayed on the  Manage badges<\/a>, you can select how you want to display the acquired badges to users as follows:<\/p>\n\n\n\n