@rob.mobley wrote:
Hi,
I'm currently trying to add children to a genogram that contains multiple marriages, and I'm seeing some rendering issues. When using the following dataset, I get the output below :
var familyData = [ { key: 0, n: "Wife 1", s: "F", vir: [1] } ,{ key: 1, n: "Husband 1", s: "M", ux: [0] } ,{ key: 2, n: "Child 1", s: "F", m: 0, f: 1 } ,{ key: 3, n: "Child 2", s: "F", m: 1, f: 0 } ,{ key: 4, n: "Husband 2", s: "M", ux: [0] } ];
As you can see, the spouses are not aligned horizontally
If I remove the children from the data set, the spouses remain inline.
Ideally, I need the output to be like the following, so that any children always come underneath their parents:
![]()
Would you be able to point me in the right direction in regards to achieving this please?
Thanks,
Rob
Posts: 4
Participants: 3
