Add to Structure

[dabeng]

Add to Structure

[dabeng]

Hi. It's not a big deal. You can use the following code snippets to implement this feature:

    $('#chart-container').orgchart({
      'data' : datascource,
      'createNode': function($node, data) {
        if (data.name === 'Keyser Soze') {
          $node.append(<div class="assistant">Kobayashi</div>);
         }
      }
    });

[wispoz]

Ye, but how it will work with rendered structure :
we have space between node1 and node2 we must have space to add assistant

[dabeng]

It doesn't matter. You just need to append some styles of node to enlarge the distance between normal nodes in horizontally and then you will got the large enough space to place the assistant node. For example:

.orgchart .node {
  margin: 0 30px;
}

On the other hand, you also need to append relative position settings for assistant node.

[dabeng]

Another proposal, I think it will be better if we remain the distance between normal nodes and add show/hide effects for assistant nodes. If I were you, I would add icon standing for assistant role into the content section of normal node and toggle the assistant node by clicking the icon. By doing so, we can save lots of space to show more nodes and hierarchies.

[HariBabuThubati]

drag and drop in IE is not working.can you do needful.

[dabeng]

Hi @HariBabuThubati , which version of your IE browser ?

[HariBabuThubati]

Hi dabeng, IE11 i am using.

[dabeng]

in fact, I have tested drag&drop feature on IE 11, it works well. So I wanna know did you change any core code snippets of drag&drop example?

[HariBabuThubati]

Hi dabeng, i just download and ran the example for drag drop.

[fahad4fbi]

Hi @HariBabuThubati ,
This line in lib. is responsible for drag and drop problem in IE.

event.originalEvent.dataTransfer.setData('text/html', 'hack for firefox'); // line 674

Kindly wrap this line inside a check, so it only executes in firefox. You will be good to go.

[dabeng]

Thank you guys for your deep insight. This bug has been fixed in version 1.1.4.

[naylee]

Hi @dabeng, i want to have chart similar as what @wispoz did. I already tried your suggestions too.
Here is my orgchart:

But, since Employee 2 only need 1 assistant-node, so I use margin-right only and here is the result:

The problem is, I want the 'top-line' in the middle of 'Employee 2' node not in between 'Employee 2' node and asisstant-node.

Is it possible to do that? I already tried but still can't get what I want.