Hello, I am having a trouble with the tree being rendered a bit jumpy.
As you can see on the image, the space between the images is different. When
all tree containers are retracted everything looks good, but when you extend it it will show as above.
As you can see, it looks good for “World Wide Web” folder, but bad for “Troubleshooting”, “Web browser” etc etc…
Here is my code for rendering the tree:
<div id="treeboxbox_tree" setImagePath="http://localhost/atlas/tscms_new/jscript/dhtmlxtree/imgs/csh_dhx_skyblue/" class="dhtmlxtree" style="width:100%;">
<xmp>
<item text="Knowledge database" id="6" />
<item text="Troubleshooting" id="1">
<item text="Web browser" id="3">
<item text="IE8 compatibility view" id="3:1" />
<item text="Test" id="7" />
</item>
</item>
<item text="User account" id="2">
<item text="Changing user picture" id="5" />
<item text="Password security" id="4" />
</item>
<item text="User domain" id="11">
<item text="I dont know" id="12" />
<item text="You dont know" id="13" />
</item>
<item text="World Wide Web" id="8">
<item text="AstaLavista" id="10" />
<item text="Google.com" id="9" />
</item>
</xmp>
</div>
<script>
var myTree = dhtmlXTreeFromHTML("treeboxbox_tree");
myTree.enableSmartRendering(true);
</script>
Is there something I am doing wrong?