Versions Compared

Key

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

...

1. Start your Joget Server, Log in as administrator then click on Design New App.

Image RemovedImage Added

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) 

Image RemovedImage Added

Figure 3


4. Fill up the Form with a Text field, fill up its details as shown and Save the Form. (See Figure 4)

Image RemovedImage Added

Figure 4


5. Save the Form, then Generate an Approval Process. (See Figure 5 & 6)

Image RemovedImage Added

Figure 5

Image Removed

Figure 6


6. 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
titleInfo

For a more in-depth tutorial on using the Process Status UI Element, Check out this article.

...

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 UI Caching.

...

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

Name

Description

Enable cache for offline supportCheck this to enable caching for offline support, usually set for use on mobile browsers.

Read Progressive Web Application (PWA) for more information.

...