Versions Compared

Old Version 1

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
Dashboard menu displays multiple

...

UI menus from the selected

...

UI in a resizable grid layout.

Dashboard Properties

Configure Dashboard

Image RemovedImage Added

Figure 1: Dashboard Properties


NameDescription
idMenu element unique id. Userview will use this id in the URL for the menu if the Custom ID is empty.
LabelThe UI menu label. You can add Font Awesome Icons into your menu labels.
Menu Custom ID

Item link slug. Optional field.

Info
titleUnique field

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

Label

The userview menu label. You can add Font Awesome Icons into your menu labels.Configuration Mode
  • Using UserviewUI
    • Userview UI will need to be selected. All the menus in the selected userview UI will be included as portlets in the dashboard.
    • See an example of this configuration in the default bundled Expenses Claim app in a default Joget installation.
    • Do not select the same userview UI where the dashboard menu is in.

Image Added

  • Using URL Portlet Setting
    • You may configure the path and settings to each portlet.

    • See an example of this configuration in the default bundled Customer Relationship Management app in a default Joget installation.

Image Added

  • Using UI Menu Plugin 
    • UI Menu Plugin to be selected.

Image Added

Portlet Setting

You can configure each of the portlet in terms of positioning, dimension, etc.

Only applicable when "Using UI Menu Plugin" option for "Configuration Mode" field is selected.

Image Added


Image AddedImage Removed

Figure 2: Sample Dashboard in runtime

UI

Image RemovedImage Added

Figure 3: UI Properties


Number of columns to show by default.When checked, portlet height will be automatically adjusted optimally according to its content
NameDescriptionDefault Portlet Width (Column)
Default Min Grid Cell Height (px)Auto Adjust Portlet HeightMinimum height for each portlet.
Resizable

Determines whether end user should be able to resize the portlets.

.
Custom Header

Custom HTML to be placed before the portlets.

Custom Footer

Custom HTML to be placed after the portlets.

Advanced

Image Removed

Figure 4: Advanced Properties

Customize Portlet Setting
Description

You can configure each of the portlet in terms of positioning, dimension, etc.

Only applicable when "Using Userview" option for "Configuration Mode" field is selected. 


Performance & Offline

Cache Settings

Image Added


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

PWA Offline Settings

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

Image Added

Name

Description

Enable cache for offline supportEnable caching for offline support, usually set for use on mobile browsers.

Read Progressive Web Application (PWA) for more information.

Related Articles