Versions Compared

Old Version 3

changes.mady.by.user Aadrian Zarin

Saved on

compared with

New Version 4

changes.mady.by.user Mohamed Elorbany

Saved on

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Figure 1: Dashboard Properties


NameDescription
idMenu element unique id. UI will use this id in the URL for the menu if the Custom ID is empty.
Custom ID

Item link slug. Optional field.

Info
titleUnique 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.

LabelThe UI menu label. You can add Font Awesome Icons into your menu labels.
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.

Image Added

  • 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.

Image Added

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

Image Added

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.

Image Modified


Figure 2: Sample Dashboard in runtime

...

Panel
borderColorpurple
bgColor#fefaff
borderWidth1
titleBGColor#ddccff
borderStylesolid

Read more at Performance Improvement with UI Caching.

PWA Offline Settings

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

...