Organization Chart

Description:

Organization Chart

Organization chart is a component used to show the structure of an organization and the relationships and relative ranks of its parts and positions/jobs as a diagram.

Allowed Parent Components:

1. Card Body

2. Horizontal Section

3. Vertical Section

Allowed Child Components:

1. Card Wrapper

2. Popover

3. Pulse

4. Row

5. Trigger Before Render

Properties

➤ Height

Provide a numeric value to set the height of the component in pixels.

Allowed Values: Any number value

➤ Width

Provide a numeric value to set the width of the component in pixels.

Allowed Values: Any number value

➤ Node Width

Provide a numeric value to set the width of the node in pixels.

Allowed Values: Any number value

➤ Hide No Data Placeholder

Check this to hide the data displayed when no data found.

Allowed Values: Yes/No

➤ No Data Icon

Select an icon to display when no data found.

Allowed Values: Icon List

➤ No Data Text1

Provide a text to display as title when no data found.

Allowed Values: Free text field

➤ No Data Text2

Provide a text to display as sub title when no data found.

Allowed Values: Free text field

➤ Use Existing Data Source

Choose this prop if you want to reuse a Data Source that was defined on some other component on this page or any of the parent abstract pages.

Allowed Values: Yes/No

➤ Data Source

Select a datasource from the list.

Allowed Values: Select a datasource from the list.

➤ Data Source Alias

Allowed Values: Free text field

➤ Default Where Clause

Allowed Values: Free text field

➤ Max Rows

Allowed Values: Any number value

➤ Order By Clause

e.g. #firstAttr#, #secondAttr# DESC

Allowed Values: Free text field

➤ Auto Query

Check this property to query the selected datasource on component render.

Allowed Values: Yes/No

➤ Execute Count SQL

Check this to execute count SQL to get the total number of rows in the database on a query. You can get this value by using the expression: #{DataStore.totalLength}

Allowed Values: Yes/No

➤ Execute Distinct SQL

Check this to execute distinct SQL to get the total number of distinct rows in the database on a query.

Allowed Values: Yes/No

➤ Insert Allowed

Allowed Values: Yes/No

➤ Update Allowed

Allowed Values: Yes/No

➤ Delete Allowed

Check to enable deleting the existing row.

Allowed Values: Yes/No

➤ Mask Page On Post

Check to enable page masking on save.

Allowed Values: Yes/No

➤ Do Not Monitor Query Request

Check to disable monitoring query request.

Allowed Values: Yes/No

➤ Silent Server Validate

Check to enable silent server validate.

Allowed Values: Yes/No

➤ Silent Fetch

Check to enable silent fetching.

Allowed Values: Yes/No

➤ Make New Records Dirty

Check this property to make new record dirty. If this property is checked the status of the new record will be 'Insert' else it will be 'New'

Allowed Values: Yes/No

➤ Primary Attribute

Choose an attribute that should contain the primary node value

Allowed Values: Choose an attribute that should contain the primary node value

➤ Parent Attribute

Choose an attribute that should contain the parent node value

Allowed Values: Choose an attribute that should contain the parent node value