Versions Compared

Old Version 5

changes.mady.by.user Aadrian Zarin

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

English
Info

It is formerly known as the Datalist Inbox Menu in Joget DX 7.

Unlike the Inbox UI Element which is limited to its own set of predefined columns, the List Inbox UI Element allows you to define your own datalist data list columns to display important values for your list records.

List Inbox Properties

Configure List Inbox

Image RemovedImage Added

Figure 1: List Inbox Properties

The page component label. You can add Font Awesome Icons into your menu labels
NameDescription
LabelThe page component label. You can add Font Awesome Icons to your menu labels.
Menu Custom ID

Item link slug. Optional field.

Info

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

Label

.

List

Datalist to load.

Note

This is especially important when List Database SQL Query  is List Data Store is used to query the selected datalistdata list's records.

Ensure that the "id" of the records in the datalist data list matches the process instance ID or record ID of the actual assignment.

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

(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 apps in your Joget platform)
  • Assignments for a Process only (you will then have to 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)

...

NameDescription
Show Number of Rows in Menu

Show Number of Rows In Menu.


Note

Additional The additional query will be performed to return the record count every time the UI loads.

Show Assignment Details

Enables the option to show assignment details in a tooltip upon mousing over a record.

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 it on the current page.
List View Custom HeaderWrite HTML to customize the list header of the list inbox UI element.
List View Custom FooterWrite HTML to customize the list footer of the list inbox UI element.
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 list inbox.

Assignment View Custom Footer

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 list inbox.

...

NameDescription
UI Key Name

Define a column name to pre-filter the datalist list via the UI key value.

See UI Key for more info.

Performance & Offline

...

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

Read Progressive Web Application (PWA) for more information.