Another way to show the chart using pure DOM and CSS

[Toby Zheng]

Refer to
http://thecodeplayer.com/walkthrough/css3-family-tree

[Xuebin Dong]

Cool chart! It makes use of nested <ul> . Maybe this is the new feature for next version of OrgChart.

[Xuebin Dong]

Thanks a lot for @tobyee 's advice, we have provided ul datasource from version 0.9.9

[neights]

Hello, can you generate a static, unable to click and flex architecture? How do

[Jigar]

How to add Content in

as source Method , We just have Name in
• like Name / Production Manager

[Mark Armin Ella Valencia]

How to can I install this js in my laravel project?

[AbhishekGNG]

Refer to
http://thecodeplayer.com/walkthrough/css3-family-tree

Great work!!, broken down the big problem into small piece of solution, I did some updates, Some how I managed to add/append dynamic data to multiple level, but the only problem I'm facing is dynamic width of the structure, it breaks down to every level when the tree overflows parent element.

Any suggestion or Solution?

[Toby Zheng]

@AbhishekGNG
These is a very simple solution, change li element from float to table-cell

.tree li {
    /* float: left; (remove this)*/
   display: table-cell;
   /* other properties*/
}