Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by Adam on Jan 28, 2009 19:22
open dhtmlx forum
Scroll Bars in Layout with toolbar and tree

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";

<style type="text/css">
html, body { width: 100%; height: 100%; margin: 0px; padding-top:50px; overflow: hidden; }
</style>
Answer posted by Support on Feb 03, 2009 09:23
Hello,

All works fine on our side. Which doctype are you using?
Answer posted by Adam on Feb 03, 2009 10:44
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?

 

Answer posted by Adam on Feb 03, 2009 11:12
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.
Answer posted by Support on Feb 04, 2009 02:46
Please try updated edition.
Attachments (1)
demo.zip156.71 Kb
Answer posted on Feb 04, 2009 07:23

Thanks, you guys are awesome.