Versions Compared

Old Version 2

changes.mady.by.user Ng Miao Xuan

Saved on

compared with

New Version Current

changes.mady.by.user Lim Yi Zheng

Saved on

Key

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

...

Organizational Chart Userview Menu plugin is used to visualise organizational charts based on Joget Organization Chart data or Form Data. This plugin efficiently retrieves information related to organizations, departments, sub-departments, users and their job titles. 

Warning

Be aware that this Plugin comes with the following limitation:

  1. Note on "Display From Right To Left" setting.
    Please be aware that the Organizational chart feature may not display as intended when the "Display From Right To Left" setting is enabled (Settings→General Settings→Display From Right To Left ). For best results its recommended to keep the "Display From Right To Left" setting disabled for the organizational chart section.

  2. Note on Pan and Zoom Configuration
    When the 'Enable Pan Zoom' option within the 'Configure Organizational Chart Menu' is enabled and the chart is panned extensively to one side, collapsing a node might cause it to disappear from the screen. Reloading the page will resolve this.

Plugin Information

Plugins Available in the Bundle:

...

NameDescription
Label *Menu label.
Menu IDMenu element unique ID.
Layouts

The type of organizational chart layout.

  • Horizontal Chart

  • Vertical Chart

Enable Parent-Children-Sibling Behavior

If enabled, the behavior is enabled such as showing different colors to emphasize the different levels of chart when hovering on one of the node.

Enable Pan Zoom

If enabled, allows user to pan zoom the organization chart. If not enabled, the organization chart view is fixed.

Show All Levels

If enabled, all the levels will be visible. If not enabled, all the levels are collapsed. Default is true.

Configure Data Source

Figure 12: Organization Chart Configuration for Data Source

...

NameDescription
Parent Node Color

The parent node title color for Parent-Children-Sibling Behavior.

Sibling Node ColorThe sibling node title color for Parent-Children-Sibling Behavior.
Children Node ColorThe children node title color for Parent-Children-Sibling Behavior.
Node Title Background ColorThe hovered node title color for Parent-Children-Sibling Behavior.
Node Content Background ColorThe hovered node content color for Parent-Children-Sibling Behavior.
Title Font ColorThe hovered node title font color for Parent-Children-Sibling Behavior.
Body Font ColorThe hovered node body font color for Parent-Children-Sibling Behavior.


Download Demo App

View file
nameAPP_OrganizationalChartSampleApp-1-

...

20240307125736.jwa
height250