The Manage Permission Page Component allows you to configure category permissions for user-defined groups at run-time.

This feature eliminates the need for app designers to go into the UI builder to manually set the permission for every menu category.

Manage Permission Properties

Configure Manage Permission Menu

Figure 1: Configure Manage Permission

LabelMenu label. Mandatory field.
Menu ID

Item link slug. Optional field

Unique field

Value defined here must be unique to the rest of the UI Menus as the first matching name will be called upon.

Page TitlePage title on Permission Menu page. You can use HTML tags, for example <b></b> to bold the title.
Permission Key

Id to match against UI categories.

Permission LabelPermission list name.

Optional Group label. Category to group similar permission labels under.

Enable Refined Controls (Requires Admin User Role)?

Allows administrators to implement intricate user permission configurations per group.

Using LDAP / External Directory Manager?

If you are using an external directory manager such as the LDAP Directory Manager, you must enable this option to use this Manage Permission menu.

Important Note

Once this feature is enabled, only users with administrative access can manage the permission.

As opposed to Figure 2, when configuring permission, you will be brought to the following screen for finer permission control.


Figure 2: Advanced Settings



Custom HeaderCustom Header in HTML to show. 
Custom FooterCustom Footer in HTML to show.

Performance & Offline

Cache Settings

Figure 3: Performance & Offline Settings




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.

PWA Offline Settings

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



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.

AJAX & Events

New Feature

This is a new feature in Joget DX 8.

Event Listening

Figure 4: AJAX & Events - Event Listening

Component Object

The object that will be listening for an event.

This field will dynamically show selectable options depending on the page components used. e.g: if there is a page component called manage meeting in the page, it will automatically show up in this field's select box.

Event NameCustom Event Name.
Matched Action 

Action to be listened for.

  • Hide Component
  • Show Component
  • Show and Reload Component
  • Show and Change URL Component Parameters
  • Reload Page
  • Redirect Page
  • Show and Redirect Component
Add row Adds another row for another event

Event Triggering

Figure 5: AJAX & Events - Event Triggering

Event NameCustom Event Name
Trigger Method

The method used to trigger an event.

  • GET Request
  • POST Request
  • Link Clicked
Parameter NameCustom Parameter Name.

Logical Operator to be used in evaluating "Parameter" against "Value"

  • Equals To
  • Not Equals To
  • Greater Than 
  • Greater Than
  • Greater Than or Equals To
  • Less than
  • Less than or equals to
  • Is True
  • Is False
  • Is Empty
  • Is Not Empty
  • Contains
  • In
  • Regex Match
ValueThe value that the Parameter will be compared to.
When Not Match Trigger Event NameEvent Name when/if the logical operation is not satisfied.
Add rowAdd another row for another event.

Related Documentation

How to use this permission plugin in a UI category

In the UI category that you wish to manage its permission via this plugin, edit the category's permission. After setting up the Permission Menu, remember to configure all the respective UI categories. Note that, multiple categories can use the same permission key. Setting up as such will grant multiple categories to a permission group.

  • No labels