:: Forum >>

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

Tuesday, September 13, 2005
*bump*
Wednesday, September 14, 2005
*bump*
Friday, September 16, 2005
*bump*
Monday, September 19, 2005
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)
Monday, September 19, 2005
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
Tuesday, September 20, 2005
produce this *bug* with

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

This topic is archived.


Back to support forum

Forum search