Scroll Bars in Layout with toolbar and tree

Discontinued products Uncategorized discussions
#1

Hi, when I add both a toolbar, and a tree to a layout cell, the toolbar pushes the tree down a tad such that the scroll bars cause it to not scroll all the way to the bottom - in other words to toolbar pushes the bottom of the tree out of visible range. My code is below - any help you can provide would be MUCH appreciated, thanks!



Again, when I comment out the toolbar parts, it works perfectly.



var dhxLayout = new dhtmlXLayoutObject(document.body, “2U”);



var toolbar = dhxLayout.cells(“a”).attachToolbar(); //new dhtmlXToolbarObject(“subjectsToolbar”);

toolbar.addButton(1, 0, “View Books”);



var tree = dhxLayout.cells(“a”).attachTree();

tree.setImagePath(“dhtmlx/TreeImages/csh_books/”);



dhxLayout.cells(“a”).childNodes[1].childNodes[2].style.border = “none”;





html, body { width: 100%; height: 100%; margin: 0px; padding-top:50px; overflow: hidden; }

#2

Hello,

All works fine on our side. Which doctype are you using?

#3

I’m using 

<!DOCTYPE HTML PUBLIC “-//W3C//DTD XHTML 1.0 Transitional//EN”>



I changed it to that to get some jQuery UI stuff working right - should it be something different?



 

#4

It looks like it works if I remove the doctype (which, now that I look again is how your examples are) - is there any way to get this working with a doctype?  Removing it messes up other stuff I have on the page.  I really hope I can find an answer to this - I’m planning on purchasing this product commercially for a site I’m working on.

#5

Please try updated edition.

demo.zip (153 KB)

#6


Thanks, you guys are awesome.