Abn Tree Fail To Show Correctly When Reach To Level 9

I have to generate tree view, so I have created tree using abn-tree in my spring boot jhipster application. As tree will be generated at runtime and level(depth) of tree is not fix

Solution 1:

Look in the .css file (which you haven't included in your question, but you should put the relevant code in there).

You'll see that only 9 levels of indentation are defined for the list items, so after nine levels, they fall back to the left margin. The last level in the CSS is:

ul.nav.nav-list.abn-tree.level-9.indented {
  position: relative;
  left: 160px;
}

Just add more levels as desired, and indent each 20 pixels more:

ul.nav.nav-list.abn-tree.level-10.indented {
  position: relative;
  left: 180px;
}

ul.nav.nav-list.abn-tree.level-11.indented {
  position: relative;
  left: 200px;
}

etc. etc.