3.2.0

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
Chris Mitchell
September 9,
I have just notices this problem my self it only happens in IE not mozilla any ideas anyone?
J
September 9,
*bump*
J
September 12,
Alex do you have any ideas on this it's the last bug in my web app :(

September 13,
*bump*
September 14,
*bump*
September 16,
*bump*
September 19,
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}

Alex (ActiveWidgets)
September 19,
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
J
September 20,
produce this *bug* with

;)
J
September 20,
*bump*
J
September 22,
Any info :S been hassled by my boss
J
September 23,
*bump*
J
September 29,
any ideas yet :S
J
September 30,
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%;}
Carlos
September 30,
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
J
October 3,

This topic is archived.

See also:


Back to support forum