Versions Compared

Old Version 1

changes.mady.by.user Nitchakan Maneelam

Saved on

compared with

New Version Current

changes.mady.by.user PT

Saved on

Key

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

...

Table of Contents

Introduction

panel
English
borderColorgreen
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition
Dashboard menu displays multiple menu items userview menus from the selected Userview in a resizable grid layout.

Dashboard Properties

...

Configure Dashboard

...

Image Added

...

Figure 1: Dashboard Properties

...


Name

...

Description

...

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.

...

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

Figure 1: Dashboard Menu

Image Removed

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

Image Removed

Figure 3: Properties - General

NameDescription
Custom ID

Item link slug. Optional field.

Info
titleUnique field

Value Ensure that value defined here must be unique to the rest of the Userview Menus as the first matching name will be called upon.is unique to other userview menus in the app, since the first matching/conflicting ID will take precedence in page loading.

LabelThe userview menu label. You can add Font Awesome Icons into your menu labels.Labelชื่อเมนู ฟิลด์บังคับ
Configuration Mode
  • Using Userview
      Useview
    • Userview will need to be selected (See screenshot Figure 3 above). All the menus in the selected userview will be included as portlets in the dashboard.
    • See an example on the use of Userview Setting of this configuration in the default bundled Expenses Claim app bundled in Joget Marketplace app in a default Joget installation.
    • Do not select the same userview where the dashboard menu is in.
  • Using URL Portlet Setting
    • You may configure the path and settings to each portlet.

    • See an example on the use of URL Portlet Setting of this configuration in the  default bundled Customer Relationship Management app bundled in a default Joget Workflow Enterprise v6installation.

    • Image Removed



Image Added

Figure 2: Sample Dashboard in runtime

UI

Image Added

Figure 3: UI PropertiesImage RemovedFigure 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 Removed

Figure 5: Properties - Advanced

Advanced

Image Added

Figure 4: Advanced Properties

...



Description
Customize Portlet Setting

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

Only applicable when "Using Userview" option for "Configuration Mode" field is selected. 

Performance & Offline

Cache Settings

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.
Panel
borderColorpurple
bgColor#fefaff
borderWidth1
titleBGColor#ddccff
borderStylesolid

Read more at Performance Improvement with Userview Caching.

PWA Offline Settings

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

Name

Description

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

Read Progressive Web Application (PWA) for more information.

Related Articles

 Demonstration app on using charts in userview dashboard for View filenameAPP_chart_in_dashboard.jwaheight150