:: Forum >>

tree item height

i saw the solution given here

/javascript.forum.17365.7/tree-control-style-line-spacing.html

and it worked great in IE, but for FF, and safari i can change the text size but not the item height, am i just doing something dumb?

.aw-list-box {
border:none;
}


.aw-tree-sign {
font-size: 1px; /* corrects vertical position */
}


.aw-item-template {
height: 30px;
font-size: 12px;
background: #fff8dc;
border: 1px solid black;
}


and since im here is there a way to fix the borders so they do not double up like i have them, but the grid does not have a open top or bottom when the tree starts/finishes?
Ryan Garabedian
Friday, June 20, 2008
Try adding !important to the height rule (?)
Alex (ActiveWidgets)
Saturday, June 21, 2008
no change here is the whole thing that i have. maybe the mistake is somewhere else.

<style>
.aw-list-box {
border:none;
}


.aw-tree-sign {
font-size: 1px; /* corrects vertical position */
}



.aw-item-template {
height!important: 30px;
font-size: 12px;
background: #fff8dc;
border: 1px solid black;
}

</style>


</table>
<br>
<!-- <INPUT TYPE="submit" VALUE="Select"> -->
<script>
/////////ACTIVE WIDGET//////////
    var treData = [<%=treeData%>];
    var tree = {<%=strHolder%>};
    var tre = new AW.UI.Tree;
    tre.setStyle("background", "transparent");
    tre.setStyle("height", "65%");
    tre.setStyle("width", "100%");
    tre.setItemText(treData);
    tre.setViewCount(function(i){return tree[i] ? tree[i].length : 0});
    tre.setViewIndices(function(i){return tree[i]});
    tre.setStyle("border", "cornsilk");
    tre.setStyle("font", "verdana, arial, helvetica, sans-serif");

    tre.onItemClicked = function(){
    return true;
    }

    document.write(tre);

</script>
Ryan Garabedian
Monday, June 23, 2008
since i already have the code here...

I also have a wierd problem in IE.
When the grid loads the vertical scroll bar is a little to the left of where it should be. When the mouse goes over the scrollbar it jumps out about the width of the scrollbar to where it should be, but only once right after the tree loads.
(hope that makes sense)
Ryan Garabedian
Tuesday, June 24, 2008
The correct syntax for the !important declaration is

height: 30px!important;

As for the scrollbar position this is likely related to the layout/width of the parent element - try to specify the grid size in pixels or fix the size of the parent element and see if it helps.
Alex (ActiveWidgets)
Tuesday, June 24, 2008
that did it, thanks.
Ryan Garabedian
Tuesday, June 24, 2008

This topic is archived.


Back to support forum

Forum search