balkangraph / familytreejs Goto Github PK

Hello!,

When a couple have parents appears this icon:
https://ibb.co/HVhCTy6

I need disable this icon, but not found the way in docs.
Can you help me? or not is possible?

Thanks in Advance!

When i try to export the tree, they doesn't show all nodes on PDF printing.
I know that for UX it's better the tree collapse for a better view.
But when i'm exporting, the system should show all nodes.
There is a way to configure this?

The upload btn contains the propertie href="#", is it possible to remove this property?
if the tree is not on the main page this button cause the redirect to the top domain? (at least on Angular projects)

Steps to reproduce:

1. Fire up Firefox (the latest version103.0.2 (64-bit)
2. Open any demo or code https://code.balkan.app/
3. The editor won't open properly as in Chrome

UPDATE: Gender not implicated, nor solo fid or solo mid relationship with a single parent. However, parent 1 <-> child 1 relationship (leftmost parent in pairing) renders fine. Parent 2 <-> child 2 relationship (rightmost parent in a pairing) does not see their child rendered. SEE MY LATEST POST BELOW WITH EXAMPLES TO CONFIRM.

I have tried to create a node for a child of a mother (where the family tree includes a step-father but not the child's biological father). I felt the best representation was a connection from mother to child alone (which was mid only, no fid specified). The child node would not render until I had a fid in place as well.

How about supporting connection directly from mother to child node (with mid specified only) or similarly if only father, from father to child (with fid only specified)?

Our example is stricly a biological dad we don't get along with so don't particularly want to appear in the visualization. It might also make sense for someone who used artificial insemination who might not even know who the father is and making them put a fid box with a ? would be kinda off-putting.

And closely related: same sex parents - having two fids and no mids, or two mids and no fids for the child node.

NOTE: If I specify fid only, it renders off the male parent fine. If I go for mid only, it doesn't render the child node or the relationship.

I will attached an example or two once I sanitize them of actual names and addresses and such, within the next 24 hours.

I've tried all the way to enable expand and collapse like the one in OrgJs Tree. But not able to expand and collapse. Let me know if am missing something

Hi, I'm using the Family tree js professional plan. So see here using the "john" template. But the link(edge) overlapping username. This happens when a child has only one parent. How can I avoid this?

Is it possible to assign a new ID to a node that's already rendered on the family tree?

For instance, if "Bob" node has ID "_abc", I want to replace it with "12345" (generated on the backend server AFTER the node was created on the tree). Overriding generateID() doesn't work in my case.

Really would like this feature so i could export and import to keep updating my family tree.

Any aproximate time when would this feature come out?

When started to add my family everything was good till the moment the family members started to increase (500+)then the script stopped working, and when I decreased the number of family members to about 150 then script started to work back.

Could you please increase the number of family members that can be added.

Note: same issue is with Orgchar script

Thanks for the fantastic project.

Here you can see Ava Field's child node "Peter Stevens" is not rendering.

var family = new FamilyTree(document.getElementById("tree"), {
    mouseScrool: FamilyTree.action.none,
    nodeBinding: {
        field_0: "name"
    },
    nodes: [
        { id: 1, pids: [2], name: "Amber McKenzie", gender: "female" },
        { id: 2, pids: [1], name: "Ava Field", gender: "male" },
        { id: 3, fid: 2, name: "Peter Stevens", gender: "male" },
        { id: 4, mid: 1, name: "John Doe", gender: "male" }
    ]
});

But when i move the Ava Field's node to on top then the child node is rendering but the other parent node child is not rendering

var family = new FamilyTree(document.getElementById("tree"), {
    mouseScrool: FamilyTree.action.none,
    nodeBinding: {
        field_0: "name"
    },
    nodes: [
        { id: 2, pids: [1], name: "Ava Field", gender: "male" },
        { id: 1, pids: [2], name: "Amber McKenzie", gender: "female" },
        { id: 3, fid: 2, name: "Peter Stevens", gender: "male" },
        { id: 4, mid: 1, name: "John Doe", gender: "male" }
    ]
});

Hello,

when I am exporting a tree as .csv or .xml and want to import it afterwards, it does not work. Some relations are missing then.

I am getting weird error when calling tree.removeNode(id). Application crashes on one specific node. I checked that deletedNode is in the list of nodes and familyTree?.canRemove(deletedNodeId) is true

familytree.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'indexOf')
at push../node_modules/@balkangraph/familytree.js/familytree.js._FamilyTree.removeNode (familytree.js:1:1)
at kintree.tsx:81:1
at invokePassiveEffectCreate (react-dom.development.js:23487:1)
at HTMLUnknownElement.callCallback (react-dom.development.js:3945:1)
at Object.invokeGuardedCallbackDev (react-dom.development.js:3994:1)
at invokeGuardedCallback (react-dom.development.js:4056:1)
at flushPassiveEffectsImpl (react-dom.development.js:23574:1)
at unstable_runWithPriority (scheduler.development.js:468:1)
at runWithPriority$1 (react-dom.development.js:11276:1)
at flushPassiveEffects (react-dom.development.js:23447:1)

The code is:
if (deletedNodeId !== '' && familyTree) {
familyTree.removeNode(deletedNodeId);
}

Node:
id:"_3zye"
pid: undefined
pids ['_0pn3']
rids: [_3zye']
childrenIds: ['_0pn3', '_o8ly']

Hi BALKANGraph,
I'd like to use your lib in our family history web application based on NextJS.

I found one issue in your addChildAndPartnerNodes function.

There is one line of code that is buggy.

oldPartnerData = JSON.parse(JSON.stringify(o)),

but the variable oldPartnerData is not defined before.

When I tried to simulate this bug in your code.balkan.app - there is no ReferenceError, but in my codebase, it doesn't work.

Please can you check that variable oldPartnerData is really useful? I don't see any benefit of this variable in your minified JS.

Thanks!

Ales

Arabic is not supporting/working in SAFARI browser , data-text-overflow="multiline" is ineffective when it comes to Arabic text
I am planning to buy this plugin ... but you need to help me on this issues....because this is a arabic site, how can i buy this plugin if arabic text is not woring at all

I have a deep tree with at maximum 5 levels in Angular 13.
When the nodes are loaded, the preview is fine.
However, the problem is that if I try to expand level 3 to a hidden level 4, the lower part is the tree (level 1 and 2) disappears!

This image is the preview right after loading the nodes:

These are my nodes:
`

let nodes = [{
  id: "174ce2f5-1e5d-44e6-9644-6d4720c0e33a",
  name: "grandparent",
  pids: [
    "d6cad9f0-697b-479c-b59d-23f9e10c75d7",
  ],
  fid: "ececf641-f394-4b75-9d3b-58f758cc577c",
  mid: "572505f3-cde5-460f-b078-205d4a7d53ea",
},
{
  id: "d6cad9f0-697b-479c-b59d-23f9e10c75d7",
  name: "jksdjksdkf",
  gender: "female",
  fid: "6263314f-a62e-4f76-b83e-0a03ae4023b6",
  mid: "cb148d1c-bd86-4751-82fc-cc59d404ab6d",
},
{
  id: "7ec00d7f-94d5-41fc-9c89-dd1bde1f38ca",
  name: "grandparent",
  pids: [
    "20b5469b-9705-44de-bdcb-a10a178fd9ca",
  ],
},
{
  id: "20b5469b-9705-44de-bdcb-a10a178fd9ca",
  name: "grandmother",
},
{
  id: "5d543277-dec5-42d8-a339-75fa19f83b4f",
  fid: "7ec00d7f-94d5-41fc-9c89-dd1bde1f38ca",
  mid: "20b5469b-9705-44de-bdcb-a10a178fd9ca",
  name: "lorenzo",
},
{
  id: "000045",
  fid: "82078a71-ac59-4a9b-b374-797051cbd05b",
  mid: "60a545ff-66f6-4ba9-b527-45f65888c5d2",
  name: "patient",
},
{
  id: "82078a71-ac59-4a9b-b374-797051cbd05b",
  name: "Fernando",
  pids: [
    "60a545ff-66f6-4ba9-b527-45f65888c5d2",
  ],
  fid: "174ce2f5-1e5d-44e6-9644-6d4720c0e33a",
  mid: "d6cad9f0-697b-479c-b59d-23f9e10c75d7",
},
{
  id: "60a545ff-66f6-4ba9-b527-45f65888c5d2",
  pids: [
    "82078a71-ac59-4a9b-b374-797051cbd05b",
  ],
  name: "Ana",
  fid: "7ec00d7f-94d5-41fc-9c89-dd1bde1f38ca",
  mid: "20b5469b-9705-44de-bdcb-a10a178fd9ca",
},
{
  id: "655afaeb-b640-41a6-a0d8-bf437b4f9535",
  fid: "82078a71-ac59-4a9b-b374-797051cbd05b",
  mid: "60a545ff-66f6-4ba9-b527-45f65888c5d2",
  name: "Saro",
},
{
  id: "b51e144a-29f4-4c93-a0c8-204b6890c3a4",
  fid: "82078a71-ac59-4a9b-b374-797051cbd05b",
  mid: "60a545ff-66f6-4ba9-b527-45f65888c5d2",
  name: "sister1",
},
{
  id: "fc3eee8e-0bfb-4670-be9e-f4b67e4372c1",
  fid: "82078a71-ac59-4a9b-b374-797051cbd05b",
  mid: "60a545ff-66f6-4ba9-b527-45f65888c5d2",
  name: "popa",
},
{
  id: "5bca28c5-006d-4f42-a709-b72d8dba63f1",
  fid: "174ce2f5-1e5d-44e6-9644-6d4720c0e33a",
  mid: "d6cad9f0-697b-479c-b59d-23f9e10c75d7",
  name: "patient",
},
{
  id: "ececf641-f394-4b75-9d3b-58f758cc577c",
  name: "Pedro",
  pids: [
    "572505f3-cde5-460f-b078-205d4a7d53ea",
  ],
},
{
  id: "572505f3-cde5-460f-b078-205d4a7d53ea",
  name: "Lola",
},
{
  id: "6263314f-a62e-4f76-b83e-0a03ae4023b6",
  name: "Mundo",
  pids: [
    "cb148d1c-bd86-4751-82fc-cc59d404ab6d",
  ],
},
{
  id: "cb148d1c-bd86-4751-82fc-cc59d404ab6d",
  name: "Ana",
},
]

`

This is my FamilyTree configuration summarized:
`

    const tree = document.getElementById('tree');
    if (tree) {
          var chart = new FamilyTree(tree, {
              template: 'john',
              orderBy: "birthday" ,
              lazyLoading: true,
              mouseScrool: FamilyTree.action.ctrlZoom,
              orientation: FamilyTree.orientation.top,
              editForm: {...}
              nodeMenu: {},
              nodeContextMenu: {},
              menu: {},
              nodeCircleMenu: {},
              scaleInitial: FamilyTree.match.boundary,
              nodeBinding: {...}
          });
    }
    chart.load(nodes);

`
This is what happens when clicking on the parent node from the previous image: The nodes from level 3 and 4 are right but level 1 and 2 disappears.

These are the versions I am using:
"@balkangraph/familytree.js": "^1.7.17"
Angular CLI: 13.0.4
Node: 14.18.3
Package Manager: npm 6.14.15
OS: win32 x64
Angular: 13.0.3

Thank you in advance!

When I expanding the divorce partner's parent nodes by clicking the expand green icon the partner node dashed line is replaced with a solid line. How can i fix it?

Before clicking the expand icon

After clicking the expand icon

I'm trying to show dynamic age with the help of birthDate. Is there any inbuilt tool to calculate the age?

https://jsfiddle.net/6tp5y2ko/

Taboo as it is, it happened in history and I am attempting to display a historical tree. I attempted to set partners that were cousins and it broke

also, it looks a little funky because below is generated via php

{ id: 1,pids: [0], mid: 0,fid: 0,name: "James VI and I" }, 
{ id: 2,pids: [1], name: "Anne of Denmark" }, 
{ id: 3,mid: 2,fid: 1,name: "Henry Frederick, Prince of Wales" }, 
{ id: 4,mid: 2,fid: 1,name: "Elizabeth Stuart, Queen of Bohemia" }, 
{ id: 5,pids: [6], mid: 2,fid: 1,name: "Charles I of England" }, 
{ id: 6,pids: [5], name: "Henrietta Maria of France" }, 
{ id: 7,mid: 6,fid: 5,name: "Charles II of England" }, 
{ id: 8,pids: [10], mid: 6,fid: 5,name: "Mary, Princess Royal and Princess of Orange" }, 
{ id: 9,pids: [12], mid: 6,fid: 5,name: "James II of England" }, 
{ id: 10,pids: [8], name: "William II, Prince of Orange" }, 
{ id: 11,pids: [13], mid: 8,fid: 10,name: "William III of England" }, 
{ id: 12,pids: [9], name: "Anne Hyde" }, 
{ id: 13,pids: [11], mid: 12,fid: 9,name: "Mary II of England" },

Delete a node. (and all child node connected to it?)

I am unable to find this on the docs and unsure if this is supported, otherwise is it ok to kindly request this functionality.

I created a family tree and tried to add parents through nodeTreeMenu: true as seen here:

Exporting went well, csv file:

Unfortunetly, when importing there happens a bug:
Firstly, the expansion of family-tree is only on the Queen's head and the King's parent does not show in any way.

Secondly, when I try to expand the only available expansion, this happens:

The visuals completely break down, tried to zoom out:

The code only has menu options for downloading and exporting, the menunode enabled and the royal family loaded in:

<!DOCTYPE html>
<html>
<script src="https://balkan.app/js/FamilyTree.js"></script>
<style>
	html, body {
	margin: 0px;
	padding: 0px;
	width: 100%;
	height: 100%;
	font-family: Helvetica;
	overflow: hidden;
 }

 #tree {
	width: 100%;
	height: 100%;
 }
 </style>
<body>
    <div id="tree"></div>
	<script>
	var family = new FamilyTree(document.getElementById("tree"), {
       mouseScrool: FamilyTree.none,
	   siblingSeparation: 120,
	   template: 'john',
	   nodeTreeMenu: true,
	   nodeBinding: {
	       field_0: "name",
	       field_1: "title",
	       img_0: "img",
	   },
       menu: {
            importCSV: {text: "Import CSV", icon: FamilyTree.icon.csv(24,24,'red'), onClick: importCSVHandler},
            csv: { text: "Export CSV" },
			pdf: { text: "Export PDF" }
       }
	});

	function importCSVHandler(){
    	family.importCSV();
	}


	family.load([
	   { id: 1, pids: [2], name: "King George VI", img: "https://cdn.balkan.app/shared/f1.png", gender: 'male' },
	   { id: 2, pids: [1], name: "Queen Elizabeth", title: "The Queen Mother", img: "https://cdn.balkan.app/shared/f2.png", gender: 'female' },

	   { id: 3, pids: [4], mid: 2, fid: 1, name: "Queen Elizabeth II", img: "https://cdn.balkan.app/shared/f5.png", gender: 'female' },
	   { id: 4, pids: [3], name: "Prince Philip", title: "Duke of Edinburgh", img: "https://cdn.balkan.app/shared/f3.png", gender: 'male' },

	   { id: 5, mid: 2, fid: 1, name: "Princess Margaret", img: "https://cdn.balkan.app/shared/f6.png", gender: 'male' },

	   { id: 6, mid: 3, fid: 4, pids: [7,8], name: "Charles", title: "Prince of Wales", img: "https://cdn.balkan.app/shared/f8.png", gender: 'male' },
	   { id: 7, pids: [6], name: "Diana", title: "Princess of Wales", img: "https://cdn.balkan.app/shared/f9.png", gender: 'female' },
	   { id: 8, pids: [6], name: "Camila", title: "Duchess of Cornwall", img: "https://cdn.balkan.app/shared/f7.png", gender: 'female' },

	   { id: 9,  mid: 3, fid: 4, name: "Anne", title: "Princess Royal", img: "https://cdn.balkan.app/shared/f10.png", gender: 'female' },
	   { id: 10,  mid: 3, fid: 4, name: "Prince Andrew", title: "Duke of York", img: "https://cdn.balkan.app/shared/f11.png", gender: 'male' },
	   { id: 11,  mid: 3, fid: 4, name: "Prince Edward", title: "Earl of Wessex", img: "https://cdn.balkan.app/shared/f12.png", gender: 'male' },

	   { id: 12, fid: 6, mid: 7, pids: [14], name: "Prince William", title: "Duch of Cambridge", img: "https://cdn.balkan.app/shared/f14.png", gender: 'male' },
	   { id: 13, fid: 6, mid: 7, pids: [15], name: "Prince Harry", img: "https://cdn.balkan.app/shared/f15.png", gender: 'male' },
	   { id: 14, pids: [12], name: "Catherine", title: "Duchess of Cambridge", img: "https://cdn.balkan.app/shared/f13.png", gender: 'female' },
	   { id: 15, pids: [13], name: "Meghan Markle", img: "https://cdn.balkan.app/shared/f16.png", gender: 'female' },
	   { id: 16, fid: 12, mid: 14, name: "Prince George", img: "https://cdn.balkan.app/shared/f17.png", gender: 'male' },
	   { id: 17, fid: 12, mid: 14, name: "Prince Charlotte", img: "https://cdn.balkan.app/shared/f18.png", gender: 'female' },
	   { id: 18, fid: 12, mid: 14, name: "Prince Louis", img: "https://cdn.balkan.app/shared/f19.png", gender: 'male' }
	]);
	</script>
</body>
</html>

This is really annoying because the import function is basically unusable in this case.

Also a side question, is it possible to display the whole family tree somehow, without expand/collapsing a parent's family tree.

I get "Uncaught RangeError: Maximum call stack size exceeded" when i try to render a large dataset. What's the limit is there's any?

Hi,
I am failing to generate a tree where two sisters have children from one man (one in blue, the second in red).

Here is my code: https://code.balkan.app/test-code#JS

The two issues I see:

1. For some reason "5Aleksandr"s parents disappear
2. All children are presented as being from 7Maria and 5Aleksandr
   What FamilyTreeJs generates:
   

Is this even possible to get achieved? A workaround?

Thank you,
Art

Hi,
I would like to know if it's possible to initially center the tree view on one node.

If it's not possible it could be a good improvement.

Thanks!

Hi everyone!

So, this is a question all about a problem i'm facing right now.

the tree is working perfectly, but i want to show it full (no nodes collapsed).

Basically, i dont need the "tree icon" to unhide that part of the tree. I want to show the full tree.

i hope that is easy to solve... but i dont know what to do

I was reading the source code of FamilyTreeJS (version 1.07.17) and found this:

(FamilyTree.prototype.onUpdateNode = function (e) { return this.on("update", function (t, i) { return e.call(t, i); }); })

and this near the end:

(FamilyTree.prototype.onUpdateNode = function (e) { return this.on("update", function (t, i, r) { var a = { oldData: i, newData: r }; return e.call(t, a); }); })

Your doc's method signature matches the former's:

https://balkan.app/FamilyTreeJS/API/classes/FamilyTree#onUpdateNode

but the latter overrides it in the actual code, calling onUpdateNode() with an arg with the extra layer "newData" and "oldData".

Which one of the above codes is the intended one?

I am mapping out my extended family and have 64 nodes. I am getting the following error:

Is there a limit to how many nodes (family members) I can add to a tree?

Hi there,
Based on my use cases of my project, I need to build a diagram where parents are more than three and their child must be only one. Is there any way of build such relationship?

Thank you

Example like this

After Clicked the Jane's parent node expand icon the tree expanded

But how can I get back to previous state like the above image. See the below image there is no option to get back to the previous state.

Please help me to find any solution for this issue. Thanks

Hello,
In our application we are saving nodes for the tree and state for the tree in the database. To do that, we handle tree update with the handler tree.on('update', treeChangeHandle); There we are tracking added/edited/deleted nodes and update our list of nodes accordingly. We also sync state with the local storage, so when user clicks Save, we save the changes to the database: both nodes and state.
What we noticed, that if user clicks "Add Member" on one of the nodes, and then clicks Save, the tree breaks on load after that. It happens because State starts to have extra nodes like "_ft_father" or "ft_mother", but this nodes actually do not exist. Sometimes it add these temp nodes to some of the mandatory IDs, but the actual nodes are not there, so on the next load, the tree just breaks. Please advise the best approach. Thanks

Hi!

I just want to know how to hide an element inside the edit form... Like, for example, the Gender tag.

i cant find anything, and i want to hide it.

I want to make use of nodeTreeMenu to add node(s) to my tree programmatically.

Is there any event triggered when those placeholder nodes (e.g. "Add husband") are clicked? I've observed "update" and "updated" events are triggered after the nodes are added, but those events only pass FamilyTree object and no specific info on the node(s) that are just added.

Ideally, I want to issue my own node ID(s) for the node(s) that are to be added by clicking on the nodeTreeMenu placeholder node (i.e. send an AJAX request to create one on the server BEFORE the nodes are added to the tree).

I would like to use the nodeTreeMenu, but change the text of the different options ("Add father", "Add son" etc...) to translate them in a different language . So far I coudl't find how to do it .

Could you give me some clue on the best way to handle it please ?

Hi,
is it possible to show the ancestors of two at the same time without btn?

The method parameters changed after 1.07.2, on the latest versions is requiring args and callback, im using as the example:

but im always facing the following error:

(I have tried diferent values on args object but without success)

I notice that https://code.balkan.app/result/family-tree-js/image-upload
is also returning the same error when trying to upload an image.

We are evaluating the component for our React project. In general component work great, but I found an issue I can't get around.

1. Create FamilyTree like in your example using ref in useEffectHook
2. In order to get the family tree outside of useEffect, set a state setFamilyTree(family);
3. On node change, use sender to reset state setFamilyTree(sender) (otherwise familyTree do not see new nodes)
4. Use this tree from the state to remove newly created node using nodeMenu
   Expected Result:
   node is removed and tree is refreshed
   Actual result: node stays on the tree.

I tested with old nodes and it works as expected. Also checked that node is found, but not removed. Please advice

If we have a node of id 1 and it has a mother id 2 and father id 3 we are creating nodes like

[
{
id: 1,
name: 'Child',
mid: 2,
fid: 3
},
{
id: 2,
name: 'Mother'
},
{
id: 3,
name: 'Father'
}
]

upon clicking on child node in tree to expand parents its crashing the whole tree

hello, I would like to know how to make a system to save data automatically thank you

When i add collapse functionality as in the expample below root is not working for 1 node i.e peter stevens wife roots are not working and everthing goes blank. Is there a existing fix for this. Even the Search Feature doesn't work when collapse is added.

https://jsfiddle.net/nrebdj2o/

On mobile devices, by openning the editUI, if we click on the position where the buttons will show it will trigger the button funtion.

For example:

If I press on the yellow mark to open the editUI, it will trigger the download of the pdf, because thats where the button position will be

Actually this issue is not just on the buttons, if we click where a text box is, that text box will gain focus

1. Go to Balkan Tree demo application: https://balkan.app/FamilyTreeJS/Demos/first-look
2. Click on top left menu for the user Rowan Annable, template users are added
3. Click on Rowan to open Edit form
4. Check his name to Rowan Annable 123 and click Save and close
5. Now, when user name is changed on a tile, click on the "X" button in the top left menu to remove template members:

• expected behavior: Rowan's user details changes are saved
• actual behavior: Rowan's name returned to Rowas Annable and changes are lost

Also, is there a way to return from the view where use adding members to a tile to normal view programmatically?

I used the link https://code.balkan.app/family-tree-js/royal-family-tree#JS to reproduce the problem.

Data causing the problem:
chart.load( [
{ id:5, fid:3, mid:4, name:"te te", gender:"male" },
{ id:3, pids:[4], fid:1, mid:2, name:"tui tui", gender:"male" },
{ id:4, pids:[3], fid:1, mid:2, name:"toi toi", gender:"female" },
{ id:1, pids:[2], name:"Cuquinha", gender:"male" },
{ id:2, pids:[1], name:"Pipoquinha", gender:"female" }
]);
error: Uncaught RangeError: Maximum call stack size exceeded

With the data below it works normally:
chart.load( [
{ id:5, fid:3, mid:4, name:"te te", gender:"male" },
{ id:3, pids:[4], fid:1, mid:2, name:"tui tui", gender:"male" },
{ id:4, pids:[3], name:"toi toi", gender:"female" },
{ id:1, pids:[2], name:"Cuquinha", gender:"male" },
{ id:2, pids:[1], name:"Pipoquinha", gender:"female" }
]);

Apparently the problem is the incest relationship between ids 3 and 4.

When updating a node with the updateNode method found here, I'm getting the following console error

familytree.js:1 Uncaught TypeError: Cannot read properties of undefined (reading 'id')
    at FamilyTree.updateNode (familytree.js:1:28298)

This is what I'm doing

family.on('update', function (sender, oldnode, newnode) {
  // send updated info to backend
  .....

  // redraw family tree with updated object
  sender.updateNode(newnode)

}

I've tried following similar instructions here BALKANGraph/OrgChartJS#382, but still hitting a dead end. Any guidance would be helpful. The error returns when using the updateNode to redraw the family tree

HideTreeMenu is not working for me all the time. I can't find the exact pattern, sometimes it works, sometimes stops to work. We also save state in the local storage. Please advise.