3.0 beta 2

tree item height

i saw the solution given here

/datagrid.17365/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
June 20,
Try adding !important to the height rule (?)
Alex (ActiveWidgets)
June 21,
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
June 23,
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
June 24,
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)
June 24,
that did it, thanks.
Ryan Garabedian
June 24,

This topic is archived.

See also:


Back to support forum

Search

Version 2

Looking for AW 2.6 ?
The old site is here.