User Profile Menu

Introduction

The User Profile UI Menu in Joget allows users to manage and update their profile information within the application conveniently.

Configure user profile

To configure User Profile properties, in UI Builder, drag and drop the User Profile element onto the canvas and click on it.

When adding User Profile, you will see the following fields available for configuration:

• Label: Mandatory field specifying the UI menu label. You can add Font Awesome Icons to your menu labels.
• Menu ID: Item link slug. Optional field. 
  
  Unique field
  The value defined here must be unique to the rest of the UI Menus, as the first matching name will be called upon.
• Show in popup dialog?: If checked, the user profile will be presented in a popup dialog.
• Message after saved: The message will be displayed to the user after successfully saving profile information.
• URL to redirect after saved: Optionally redirect the user to a specific URL after profile information is saved.

Configure fields

The Fields section in the User Profile Menu allows you to customize which user profile fields are accessible and manageable. 

Customize which user profile fields are accessible and manageable, fields to configure:

• Username
   Options include:
  • Readonly
  • Hide
• First Name
  Options include:
  
  • Show
  • Readonly
  • Hide
• Last Name
  Options include:
  • Show
  • Readonly
  • Hide
• Email
  Options include:
  • Show
  • Readonly
  • Hide
• Password 
  Options include:
  • Show
  • Hide
• Time Zone
  Options include:
  • Show
  • Hide
• Locale
  Options include:
  • Show
  • Hide

Performance & offline

The Performance & Offline settings in the User Profile Menu help optimize user experience and ensure functionality even in offline scenarios. By configuring caching options, you can enhance the performance of the User Profile Menu. The application or user can set caching with a specified duration for cached content. Enabling PWA offline support allows users to access and update their profiles even offline, making the application more resilient and user-friendly.

Cache Settings

The Cache Settings for the User Profile Menu help manage how content is cached to improve performance. You can define the scope of caching (none, application, or user) and set the duration for cached content. These settings ensure efficient load times and a responsive user interface, enhancing the overall experience of managing user profiles within the application.

Fields to Configure:

• Scope:
  Options include 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.

For more information, see Performance Improvement with UI Caching.

PWA offline settings

The PWA Offline Settings in the User Profile Menu enable offline support, which is particularly beneficial for mobile users. Users can access and update their profile information even without an internet connection by enabling caching for offline support. This feature leverages Progressive Web Application capabilities, ensuring continuity of service and improved user experience in offline scenarios.

Field to Configure:

• Enable cache for offline support: Enable caching for offline support. This is usually set for mobile browsers. See Progressive Web Application (PWA) documentation for more details.

Locale settings

To allow users to choose their preferred locale settings:

• Enable User Locale Selection in General Settings.
  
• Define available locale options in System Settings for user selection.
  
  
  

Related documentation

For more information on User Profile, see the RTL Right To Left Languages Support.