Horizontal scrollbar for tree?

asked 2007-11-20 10:48:09 +0800

admin
18691 ● 1 ● 10 ● 130

Orignial message at:
https://sourceforge.net/forum/message.php?msg_id=4633418

By: marvulix

Hi again,

is it possible to have an horizontal scrollbar for a tree?

i have quite large tree's with an unpredictable width, and the space on the screen is limited. with zk 3.0 RC 1 a horizontal scrollbar appeared when the tree got to wide, in ZK 3.0.0 release the scrollbar dosn't appear.

I attached a small sample showing my problem. There is also a new problem: the tree-items get wrapped. But i solved this issue by adding:

<style>
div.tree-body td {
white-space: nowrap;
}
</style>

As you can see the tree is cut off after the width of the outer div, even though overflow is set to auto...

Any idea how to get the scrollbar? The vertical scrollbar is working fine. as soon as the tree gets high enough the scrollbar appears.

thanks,
marvulix

--------- sample code -----------

<zk>
<div style="position: absolute; width: 80px; border: 1px solid red; overflow:
auto;">
<tree id="tree">
<treecols sizable="true">
<treecol label="Name"/>
</treecols>
<treechildren>
<treeitem>
<treerow>
<treecell label="Item_1"/>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell label="Item_2"/>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell label="Item_2.1"/>
</treerow>
<treechildren>
<treeitem>
<treerow>
<treecell label="Item_2.1.1"/>
</treerow>
</treeitem>
<treeitem>
<treerow>
<treecell label="Item_2.1.2"/>
</treerow>
</treeitem>
</treechildren>
</treeitem>
<treeitem>
<treerow>
<treecell label="Item 2.2"/>
</treerow> </treeitem> </treechildren>
</treeitem>
<treeitem label="Item 3"/>
</treechildren>
</tree>
</div>
</zk>