Versions Compared

Key

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

...

Table of Contents

...

Introduction

English
Unlike the Inbox Menu which is limited to its green
borderWidth1
titleBGColor#ddffcc
borderStylesolid
titleDefinition
Unlike the usual Task Inbox which has it's own set of predefined columns, the Datalist Inbox Userview Menu enables allows you to select define your own list datalist columns , allowing you to display important values of an item.

This increases productivity and cuts down time wasted clicking and checking each item.

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.

...

for your list records.

Datalist Inbox Properties

Edit Datalist Inbox

Image Added

Figure 1

Figure 1: Screenshot showing Datalist Inbox from sample HR Expenses Claim app

Image Removed

Figure 2: Datalist Inbox Properties


NameDescription
idMenu element unique id. Userview 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
Value defined here must be unique to the rest of the Userview Menus as the first matching name will be called upon

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

Label
Menu label. Mandatory field
The userview menu label. You can add Font Awesome Icons into your menu labels.
Datalist

Datalist to load

. Mandatory field

.

Info
titleTip
Note

This is especially important when JDBC Datalist Database Binder is used to query the selected datalist's records.

Ensure

Make sure

that the "id" of the

dataset

records in the

Datalist reflects the Process Instance

datalist matches the process instance ID or record ID

that can be used to match to

of the actual assignment.

Image Removed

This is especially important when one is using the JDBC Datalist Database Binder to define its own query.

In Joget DX, process instance IDs generated is now a UUID, instead of a predictable ID format previously used in Joget v6.

Image Added

(Click image above for enlarged view)

Assignments to Display

Available options:

  • All assignments (All assignments for the current app only)
  • Assignments for all Apps (Assignment for all app in your Joget platform)
  • Assignments for a Process only (you will then have select the process name in the next field)
  • Assignments for selected Activity only (you will then have select the activity name in the next field)
Process

Filter by process(es).

Required

when

field when Assignments to Display is set to "Assignments for a Process only" or "Assignments for selected Activity only".

Activity

Filter by activity(

ies

s).

Required

when

field when Assignments to Display is set to "Assignments for selected Activity only"

 

.


Image Added

Figure 2: Sample Datalist Inbox in runtime

UI

Image AddedImage Removed

Figure 3: Datalist Inbox UI Properties - UI


Info
titlePerformance Warning
NameDescription
Show Number of Rows in Menu

Show Number of Rows In Menu.

 



Note

Additional query will be performed to return record count every time the

Userview

userview loads.

Show Assignment Details
Show

Enables the option to show assignment details in a

Tooltip fashion

tooltip upon mousing over a record.

Image Removed

Image Added

Tip
titleNote

Should you wish to have the SLA indicators visible, please see Enabling Data Collection for SLA Implementation.  

Show Assignment in Popup DialogOpen the assignment inside a popup dialog, instead of loading on the current
whole
page.
List View Custom Header
List View Custom Header in HTML
Write HTML to customize the datalist header of the datalist inbox menu.
List View Custom Footer
List View Custom Footer in HTML
Write HTML to customize the datalist footer of the datalist inbox menu.
Assignment View Custom Header

Write HTML to customize the header of the assignment form.

The assignment form is the form you see upon clicking on a task assignment in the datalist inbox

Assignment View Custom Header in HTML

.

Assignment View Custom Footer
Assignment View Custom Footer in HTML.

 

Write HTML to customize the footer of the assignment form.

The assignment form is the form you see upon clicking on a task assignment in the datalist inbox.

Advanced

Image AddedImage Removed

Figure 4: Datalist Inbox Advanced Properties - Advanced


NameDescription
Userview Key Name
Corresponding

Define a column name to pre-filter the

dataset against using the Userview Key value.

Screenshots taken from http://localhost:8080/jw/web/console/app/hr_expense/1/userview/builder/hr_expense_userview

 

 

datalist via the userview key value.

See Userview Key for more info.

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.
Cache all datalist links in first pageEnable caching for any datalist links present in the first page of this userview menu.
Cache list actions (Non post action)Enable caching for any non-POST list actions (if any) in the datalist.

Read Progressive Web Application (PWA) for more information.