Another way to show the chart using pure DOM and CSS #1

Activity

1. dabeng commented on Mar 2, 2016

   

   dabeng

   on Mar 2, 2016

   Owner

   More actions

   Cool chart! It makes use of nested <ul> . Maybe this is the new feature for next version of OrgChart.
2. dabeng commented on Apr 14, 2016

   

   dabeng

   on Apr 14, 2016

   Owner

   More actions

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

   closed this as completedon Apr 14, 2016
4. neights commented on Apr 28, 2017

   

   neights

   on Apr 28, 2017

   More actions

   Hello, can you generate a static, unable to click and flex architecture? How do
5. jigarce commented on Oct 13, 2017

   

   jigarce

   on Oct 13, 2017

   More actions

   How to add Content in

   as source Method , We just have Name in
   • like Name / Production Manager
6. minvalencia commented on Aug 5, 2019

   

   minvalencia

   on Aug 5, 2019

   More actions

   How to can I install this js in my laravel project?
7. AbhishekGNG commented on Sep 27, 2019

   

   AbhishekGNG

   on Sep 27, 2019

   Last edited by AbhishekGNG

   More actions

   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?
8. tobyee commented on Sep 27, 2019

   

   tobyee

   on Sep 27, 2019

   Last edited by tobyee

   Author

   More actions

   @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*/
   }
9. dabeng

   added a commit that references this issue on Jan 6, 2021

   Merge pull request #1 from rmertz92/patch-1

   ...

   0833f07