Font Size and Row Height

Hi

I want to change the size of the font in the grid, but whenever I do, the row height is too small. The row height is increased but it isn't. The text is cut off half way thru.

<style>
.active-controls-grid {font-size: 25px;}
.active-column-0 {width: 100px;}
.active-column-1 {width: 200px;}
.active-column-2 {text-align: right;}
.active-scroll-left .active-templates-item,.active-scroll-data .active-templates-row {height: 60px;}
.active-grid-row {border-bottom: 1px solid threedlightshadow #FF0000;}
</style>

<script>

var myData = [["Test1","Test2","Test3"];
var myColumns = ["COL1", "COL2", "COL3"];

var obj = new Active.Controls.Grid;
obj.setRowProperty("count", 1);
obj.setColumnProperty("count", 3);
obj.setDataProperty("text", function(i, j){return myData[i][j]});
obj.setColumnProperty("text", function(i){return myColumns[i]});
obj.setRowHeaderWidth("0px");
obj.setColumnHeaderHeight("30px");
obj.setAction("click", function(src){window.status = src.getItemProperty("text")});
document.write(obj);
</script>


Can some please help. I am pulling my hair out over this.

Cheers

I have just notices this problem my self it only happens in IE not mozilla any ideas anyone?

*bump*

Alex do you have any ideas on this it's the last bug in my web app :(

*bump*

*bump*

*bump*

Not sure if this is what you ask but here is css which sets the row height:

.active-grid-row, .active-scroll-left .active-list-item {height: 40px}

You can produce this with the current release with a couple of changes

add this to runtime/styles/xp/grid.css

.active-scroll-left {height: 55px}
.active-grid-row {height: 55px}
.active-list-item {height: 55px}
.active-controls-grid {font-size: 20pt;}

modify examples/grid/basic.htm

.active-controls-grid {height: 100%; font: menu;}
to
.active-controls-grid {height: 100%;}

and you will see IE has the text is clipped

produce this *bug* with

;)

*bump*

Any info :S been hassled by my boss

*bump*

any ideas yet :S

Try this way

.active-grid-row, 
.active-grid-row .active-list-item, 
.active-scroll-left .active-list-item {height: 55px;} 

.active-row-cell {line-height: 55px;} 

.active-controls-grid {font-size: 20pt; height: 100%;}

Thanks carlos it was

.active-row-cell {line-height: 55px;}

that needed setting wish I new all the css elements in this control but prob solved now thanks again