PDA

View Full Version : grid cell height



jbowman
13 Oct 2006, 1:35 PM
Hi Jack,

I know I owe you a demo of the tabs, but I've been in full work mode. I'm thinking I'm not going to worry about it for now as it's a minor bug compared to several others I have, and all the work yet to accomplish.

Anyway, I have a question about the grids.Is there a way to make the height of cells adjustable? I'd like to have an image displayed in one cell, but it's larger than the height currently displayed. Perferably a way to have that row's height auto adjust to the image height would be best

jbowman
13 Oct 2006, 5:08 PM
nevermind on this, i ended up going another route, my sql query was getting too crazy

jack.slocum
13 Oct 2006, 11:22 PM
In case you do decide you need it in the future, see this post:

http://www.jackslocum.com/forum/viewtopic.php?p=360

The css is included by default in grid.css now so all you need is step 1 and 3.

emadomar
24 Mar 2008, 11:15 AM
http://www.jackslocum.com/forum/viewtopic.php?p=360

is not found , anyone has answer the the cell height question?

Animal
25 Mar 2008, 8:53 AM
Rows just take on the height of their content.

tanguy.bayard
21 Apr 2008, 7:38 AM
Hi,

There is no way to handle row height ?

I have got the following problem : I have a grid where rows may sometimes contain an image. So in my grid some rows are 25px height while some are 20px height.

I would like to fix row height to 25px, but I did not find a way to do so.

Cheers,
Tanguy

dtondo
31 Oct 2009, 3:36 PM
same problem



Hi,

There is no way to handle row height ?

I have got the following problem : I have a grid where rows may sometimes contain an image. So in my grid some rows are 25px height while some are 20px height.

I would like to fix row height to 25px, but I did not find a way to do so.

Cheers,
Tanguy

jasonbadke
6 Jan 2011, 5:53 PM
Rows take on the height of content, but sometimes background images are used as icons, and don't count as content.

One way to set row grid height is with Ext.ux.grid.RowActions plugin :
In actions: declaration, set an iconCls CSS class, and set the height with CSS. eg:

MyGridAction = new Ext.ux.grid.RowActions({
...
actions: [
{
iconCls: 'action-edit-20',
tooltip: 'Edit',
text: ' '
}
],
...
});

And CSS :
.action-edit-20
{
height:20px;
background-image: url(/Content/Images/Icons/Edit.png) !important;
background-repeat:no-repeat;
}