Start Building Professional
Web Apps Today


 
Categories Question details Back To List
Question  posted by matyoga on Nov 09, 2008 03:03
open dhtmlx forum
scrollbars and dhmlxtree standard edition

How can I turn on the vertical scroll bar of a dhtmlXTreeObject?

In some examples the scrollbar turns on automatically when not enough place to display all nodes. But in my pages I cannot set up this functionality. When I open some closed nodes until the last item goes to out of the "visible area" (outside of the container div), there isn't any scrollbar to reach that item.

Current html/javascript code:

---------------
<div id="treeBox" style="width:200;height:100"></div>
<script>
tree1=new dhtmlXTreeObject(document.getElementById('treeBox'),"100%","100%",0);
tree1.setImagePath("dhtmlx_imgs/");
tree1.enableCheckBoxes(false);
tree1.enableDragAndDrop(true);
tree1.loadXML("http://192.168.1.100/tree.php");
</script>
-----------------

Is it possible to turn on scrollbars in standard edition?
Answer posted by Support on Nov 10, 2008 02:17
Scrollbars must work automatically in both standard and pro editions. 
The only requirement - the tree's container must have some fixed height and width
In your case, please try to update existing HTML as 
<div id="treeBox" style="width:200px;height:100px; overflow:hidden;"></div>
Answer posted by matyoga on Nov 11, 2008 11:43
I corrected that mistake as you suggested. After that, I found another bug on my page: I forgot to "include" the required css file.
I corrected my html file, inserted the css into the "head" section, as it written in your documentations:
<link rel="STYLESHEET" type="text/css" href="dhtmlx/codebase/dhtmlxtree.css">
And, of course, it works well! The horizontal and vertical scrollbar turns on and off automatically.

Thank you for your help!