| Table of Contents |
|---|
Introduction
| English |
|---|
| The Process Status allows one to inspect the state and trail of a process instance. |
Get Started
The easiest way to see how does the Process Status Menu works is to first create a new process. Here are the steps:
1. Start your Joget Server, Log in as administrator then click on Design New App.
Figure 1
2. Fill up the App details as shown. (See Figure 2)
...
3. Create a new Form, and fill up its details as shown then Save the Form. (See Figure 3)
Figure 3
4. Fill up the Form with a Text field, fill up its details as shown and Save the Form. (See Figure 4)
Figure 4
5. Save the Form, then Generate an Approval Process. (See Figure 5 & 6)
Figure 5
Figure 66. From the List Builder, Launch the automatically generated List. (See Figure 6)
Figure 76
7. Drag a Hyperlink in to the Row action part of the List (top right of the canvas). (See Figure 87)
Figure 87
8. Configure the Hyperlink as shown in the image, then Save the List. (See Figure 98)
Figure 98
9. Navigate to the UI Builder, then click on the automatically generated UI to edit it. (See Figure 109).
Figure 109
10. Drag a List UI Element and a Process Status UI Element to the Home Category. (See Figure 10 & 11 & 12)
Figure 1110
Figure 1211
11. Configure the Process Status and List UI Elements as shown. (See Figure 12 & 13 & 14).
Figure 1312
Figure 1413
| Info | ||
|---|---|---|
| ||
For a more in-depth tutorial on using the Process Status UI Element, Check out this article. |
Process Status Properties
Configure Process Status
Figure 1514: Process Status Properties
| Name | Description | ||||||||
|---|---|---|---|---|---|---|---|---|---|
| Label | Menu label. Mandatory field. | ||||||||
| Menu Custom ID | Item link slug. Optional field.
| Label | Menu label. Mandatory field
| ||||||
| Type | The type of visual format, either Path (default) or Chart. Example Path:
Example Chart:
| ||||||||
| Record ID |
| ||||||||
| View Permission | Determines who can access the record's information.
At least one option must be selected. |
UI
Figure 1615: UI Properties
| Name | Description |
|---|---|
Custom Header | Custom Header in HTML. |
Custom Footer | Custom Footer in HTML. |
Show Process Name? | If checked, the process name will be generated at the top of the resultant graph. Optional. |
Show Future Process Activities | Click the checkbox to show future process activities. |
Show Skipped Activities | Click the checkbox to show skipped activities. |
Username Display Format |
|
Event Click Callback (Javascript) | Callback variable "activity" containing information of activity and process. |
Performance & Offline
Figure 16: Process Status Properties - Performance & Offline
...
Settings
Name | Description |
|---|---|
| Scope | Caching options are:
|
| Duration (s) | Duration in seconds to cache content |
| defaults to 20 seconds if applicable. |
| Panel | ||||||||||
|---|---|---|---|---|---|---|---|---|---|---|
| ||||||||||
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 support | Check this to enable caching for offline support, usually set for use on mobile browsers. |
Read Progressive Web Application (PWA) for more information.
...
| borderColor | purple |
|---|---|
| borderWidth | 1 |
| titleBGColor | #ddccff |
| borderStyle | solid |
| title | Performance |
...
.