using DhtmlxTree with DhtmlxTabbar - tabbar hides part of tr

Suite and Optimus Suite 5
#1

We just bought the latest version of the commercial suite. We have a tabbar with two tabs on a page. One of the tabs contains a dhtmlxTree that is dynamically loaded. Sometimes the text loaded into tree nodes is too long and rather than the tabbar resizing to display all the contents of the tree, or the tree node wrapping, it just hides part of the node without providing a horizontal scrollbar.



is there a way to get the tabbar content area to auto resize, or to render a horizontal scrollbar if the contents of the tree are two wide to display?



Thanks,

Michael

#2


Hello,


what approach do you use to attach tree to the tab? You can try to use attachTree method.


Please, take a look at the sample in the tabbar package: dhtmlxTabbar/samples/05_components/02_tree_inside.html

#3

I am testing using the attachTree and attachEditor functions to add my components to the tab to solve the resize issue per your recommendations.  Can I mix other content with items that are attached through these functions?  You see, I have a bunch of other elements - input boxes, dropdowns (select), labels, buttons, text that I need to have in the div - besides the tree, and in fact to make everything look nice, the tree is located inside a certain

element.  How do I get all this content into the div, structured correctly, along with the tree, using the attachTree function? 

Thanks,
Michael
#4

I am testing using the attachTree and attachEditor functions to add my components to the tab to solve the resize issue per your recommendations.  Can I mix other content with items that are attached through these functions?  You see, I have a bunch of other elements - input boxes, dropdowns (select), labels, buttons, text that I need to have in the div - besides the tree, and in fact to make everything look nice, the tree is located inside a certain

element.  How do I get all this content into the div, structured correctly, along with the tree, using the attachTree function? 

Thanks,
Michael
#5

Also, I can get the editor by itself to attach to a tab using the attachEditor(); function, but if i try to attach an editor to one tab and a tree to the other, then when i switch between the tabs i get the javascript error:

Error: this.editor._prepareContent is not a function
Source File: file:///E:/Documents%20and%20Settings/Michael/Desktop/alex/dhtmlxtabbar/codebase/dhtmlxcontainer.js
Line: 8

I’ve attached the source.  I am using the editor, tree, toolbar and tabbar components - their directories are siblings of my files tree.xml and tabbar2.html

Thanks,
Michael



tree.zip (1.62 KB)

#6


>> then when i switch between the tabs i get the javascript error:


there issue wasn’t reproduced locally. The complete demo is attached


>> Can I mix other content with items that are attached through these functions?


You can place layout into the tab. And attach the necessary elements to layout cells:


dhtmlx.com/docs/products/dht … _tree.html


tree.zip (102 KB)