119
Views
11
Comments
Solved
[Hierarchical Tree(Organisation chart)] How to create nodes without image
Application Type
Reactive

Hi,

I'm having some issues using this component (i.e. doesn't work inside a popup) but managed to make it work in a single screen. Now I'm trying to create items without an associated image by assigning a white image but it still shows uncentered.

Is it possible to use it without the image placeholder?

Regards

2018-08-27 08-29-35
Fábio Vaz
Solution

Create 2 CSS class:

.dtree-noimg{    display: none;}

.dtree-nopicname{  font-size: 16px;  font-weight: 600;  width: 100%;  padding: 10px;  text-transform: capitalize;  text-align: left;  cursor: pointer;}


You can use a input parameter and change the JS

Hierarchical.Tree(Organisation.chart)-1.0.0_O11.oml
2018-08-27 08-29-35
Fábio Vaz

Hello José,

What you want is someting like this?

HierarchicalTree

2021-04-17 09-53-48
José Gonçalves

Yes, that's how it would look like without the image.

2018-08-27 08-29-35
Fábio Vaz
Solution

Create 2 CSS class:

.dtree-noimg{    display: none;}

.dtree-nopicname{  font-size: 16px;  font-weight: 600;  width: 100%;  padding: 10px;  text-transform: capitalize;  text-align: left;  cursor: pointer;}


You can use a input parameter and change the JS

Hierarchical.Tree(Organisation.chart)-1.0.0_O11.oml
2021-04-17 09-53-48
José Gonçalves

I would rather have it in the JS when the image parameter is null. It's a lot of JS code to check so I will stick with the override CSS solution.

But in my case it only worked with the following classes in the screen:

Thanks.

2018-08-27 08-29-35
Fábio Vaz

i attach the oml in the previous post, please check if its ok

Work with the parameter

2021-04-17 09-53-48
José Gonçalves

Btw, do you know any hierarchical chart component allowing many-to-many relations?

Regards

2018-08-27 08-29-35
Fábio Vaz

Hi José, 

Take a look at highcharts organization chart and see if feet you use case. 

I made an integration with that. If you want I send to you the app

2021-04-17 09-53-48
José Gonçalves

Hi,

I'm looking for a mesh chart in a hierarchical structure.


The most similar I see in highcharts is a Network Graph:

https://www.highcharts.com/docs/chart-and-series-types/network-graph

Thanks.

2021-04-17 09-53-48
José Gonçalves

Another limitation I found on this component is how it deals with duplicated Ids.

If I have a duplicated Id in the tree, the logic chooses one parent and place all the childs below.


2018-08-27 08-29-35
Fábio Vaz

Ok, do you need a "neural" chart maybe.

Some libs can do that, i don't search in Forge if are available any chart of that kind.

It's possible implement this chart using Highchart's or other lib using JS.. 

Community GuidelinesBe kind and respectful, give credit to the original source of content, and search for duplicates before posting.