Introduction

Dashboard menu displays multiple UI menus from the selected UI in a resizable grid layout.

Dashboard Properties

Configure Dashboard

Knowledge Base for DX 8 > Dashboard Menu > Screenshot 2022-08-23 100143.png

Figure 1: Dashboard Properties

Name

Description

Label

The UI menu label. You can add Font Awesome Icons into your menu labels.

Menu ID

Item link slug. Optional field.

Ensure that value defined here is unique to other UI menus in the app, since the first matching/conflicting ID will take precedence in page loading.

Configuration Mode

Using UI
- UI will need to be selected. All the menus in the selected UI will be included as portlets in the dashboard.
- See an example of this configuration in the default bundled Expenses Claim app in a default Joget installation.
- Do not select the same UI where the dashboard menu is in.

Knowledge Base for DX 8 > Dashboard Menu > Screenshot 2022-08-23 100250.png

Using URL Portlet Setting
- You may configure the path and settings to each portlet.
- See an example of this configuration in the default bundled Customer Relationship Management app in a default Joget installation.

Knowledge Base for DX 8 > Dashboard Menu > Screenshot 2022-08-23 100318.png

Using UI Menu Plugin
- UI Menu Plugin to be selected.

Knowledge Base for DX 8 > Dashboard Menu > Screenshot 2022-08-16 165506.png

Portlet Setting

You can configure each of the portlet in terms of positioning, dimension, etc.

Only applicable when "Using UI Menu Plugin" option for "Configuration Mode" field is selected.

Knowledge Base for DX 8 > Dashboard Menu > UI Builder _ FAQ App (2).png

Knowledge Base for DX 8 > Dashboard Menu > applicationName _ Dashboard.png

Figure 2: Sample Dashboard in runtime

UI

Knowledge Base for DX 8 > Dashboard Menu > UI Builder _ FAQ App (1).png

Figure 3: UI Properties

Name	Description
Default Min Grid Cell Height (px)	Minimum height for each portlet.
Custom Header	Custom HTML to be placed before the portlets.
Custom Footer	Custom HTML to be placed after the portlets.

Performance & Offline

Cache Settings

Knowledge Base for DX 8 > Dashboard Menu > image2022-8-24_14-4-16.png

Name

Description

Scope

Caching options are:

None: No caching.
Application: Cache content by application where all users will see the same content.
User: Cache by username.

Duration (s)

Duration in seconds to cache content, defaults to 20 seconds if applicable.

PWA Offline Settings

Note: PWA Offline support is dependent on the theme used.

Knowledge Base for DX 8 > Dashboard Menu > image2022-8-24_14-1-20.png

Name	Description
Enable cache for offline support	Enable caching for offline support, usually set for use on mobile browsers.

Read Progressive Web Application (PWA) for more information.