Tree Styling Differences in 4.0

Suite and Optimus Suite 5
#1

In version 3.6 I was able to set the tree spacing perfectly using the following CSS:

.standartTreeImage {
height: 12px;
width: 14px;
}

.standartTreeRow {
font-size: 12px;
line-height: 14px;
}
.selectedTreeRow {
font-size: 12px;
line-height: 14px;
}

Ver 3.6:

Ver 4.0:

However, these don’t seem to work anymore in 4.0 and I’ve spent way too much time trying to figure out why. Is this a known issue?

Thanks,
john

#2

I was able to fix this by doing the following:

tree = new dhtmlXTreeObject( ‘tree_div’, ‘100%’, ‘100’, 0 );

tree.setIconSize(“18px”,“18px”);
tree.def_line_img_y=“18px”;

#3

I was able to fix this in the .js code, by commenting out the following line as follows:

/* j.style.height=this.def_line_img_y; *

in the file: /sources/dhtmlxTree/codebase/dhtmlxtree.js
in the function: dhtmlXTreeObject.prototype._createItem()

The explicit height causes the image to stretch unless you set the height perfectly in your own code. With the liine commented out, the height of the tree lines finds it’s own level and doesn’t attempt to stretch the line/image vertically.

I would propose Darya, Alex, et al consider making this change to the codebase so we don’t have to wrestle with this issue anymore. I know i spent a -lot- of time finding the root of this…

#4

This is not working in 4.03

#5

Hi to all!
Please, leave this (tree line height manipulation) request here:
viewforum.php?f=10