Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.
Panel
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition

Dashboard menu displays multiple menu items from the selected Userview in a resizable grid layout.

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titleNew Feature

This is a new feature in Joget Workflow v6.

Panel
borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titlePerformance

You can configure the Performance settings in this Userview Element to cache existing content for improved performance and loading speed.

Read more at Performance Improvement with Userview Caching.


Figure 1 1: Dashboard Menu


Image Modified

Figure 2 2: Userview containing menu items meant for the Dashboard userview


Image Modified

Figure 3 3: Properties - General

NameDescription
Custom ID

Item link slug. Optional field.

Info
titleUnique field

Value defined here must be unique to the rest of the Userview Menus as the first matching name will be called upon.

Label
Menu label. Mandatory field.
ชื่อเมนู ฟิลด์บังคับ
Configuration Mode
    • Using Useview

      • Userview will need to be selected (See screenshot Figure 3 above)
      • See an example on the use of Userview Setting in the Expenses Claim app bundled in Joget Marketplace.
  • Using URL Portlet Setting
    • You may configure the path and settings to each portlet.
Image Removed
    • See an example on the use of URL Portlet Setting in the Customer Relationship Management app bundled in Joget Workflow Enterprise v6.

    • Image Added


Image Modified

Figure 4 4: Properties - UI

NameDescription
Default Portlet Width (Column)Number of columns to show by default.
Default Min Grid Cell Height (px)Minimum height for each portlet.
Resizable

Determines whether end user should be able to resize the portlets.

Auto Adjust Portlet Height

When checked, portlet height will be automatically adjusted optimally according to its content.

Custom Header

Custom HTML to be placed before the portlets.

Custom Footer

Custom HTML to be placed after the portlets.


Image Modified

Figure 5 5: Properties - Advanced

NameDescription
Customize Portlet Setting

You can configure each of the portlet defined in the first tab here in terms of positioning, dimension, etc.

...

borderColorpurple
borderWidth1
titleBGColor#ddccff
borderStylesolid
titlePerformance


Demonstration app on using charts in userview dashboard for

View file
nameAPP_chart_in_dashboard.jwa
height150

...