Is there a way to force the filter row cells not to wrap? I've seen the fix for content cells but I don't see a corresponding way to accomplish this with the filter row. The FilterItemStyle Wrap="false" property doesn't seem to work.
For example, even with wrapping set to false, I've noticed that the filtering glyph will be wrapped to the line below the filter textbox when you attempt to resize a column which was too small to display the glyph (fixed layout, static headers, allow scroll, real time resize). This increases the filter row height which has the unfortunate consequence of partially hiding the pager. It appears as though the grid height / available space isn't recalculated when column resize operations result in an increase in row height.
I'd like to ensure that the filter cell contents don't wrap so that the pager is always fully visible.
-K
For example, even with wrapping set to false, I've noticed that the filtering glyph will be wrapped to the line below the filter textbox when you attempt to resize a column which was too small to display the glyph (fixed layout, static headers, allow scroll, real time resize). This increases the filter row height which has the unfortunate consequence of partially hiding the pager. It appears as though the grid height / available space isn't recalculated when column resize operations result in an increase in row height.
I'd like to ensure that the filter cell contents don't wrap so that the pager is always fully visible.
-K
4 Answers, 1 is accepted
0
kpat154
Top achievements
Rank 1
Rank 1
answered on 27 Oct 2008, 08:35 PM
I've managed to work around the wrapping issues via CSS. I'll post the solution here for anyone else who may come across the problem:
/* Dynamically change filter textbox width so that it never uses more than the available space (prevent wrap) */
.rgFilterBox
{
width:expression( eval( this.offsetParent.offsetWidth - 40 ) );
}
/* Ensure grid header text doesn't wrap (Vista skin) */
.GridHeader_Vista a
{
white-space:nowrap ;
}
-K
/* Dynamically change filter textbox width so that it never uses more than the available space (prevent wrap) */
.rgFilterBox
{
width:expression( eval( this.offsetParent.offsetWidth - 40 ) );
}
/* Ensure grid header text doesn't wrap (Vista skin) */
.GridHeader_Vista a
{
white-space:nowrap ;
}
-K
0
Hello kpat154,
Using CSS expressions is generally not recommended, as it may cause IE to hang.
I would suggest you to set some appropriate column widths or use the FilterControlWidth property (set per column) to resolve your problem.
Greetings,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Using CSS expressions is generally not recommended, as it may cause IE to hang.
I would suggest you to set some appropriate column widths or use the FilterControlWidth property (set per column) to resolve your problem.
Greetings,
Dimo
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
0
Mark Ly
Top achievements
Rank 1
Rank 1
answered on 19 Nov 2008, 04:53 AM
FilterControlWidth - where is this property?
0
Hello Mark Ly,
Since Q2 2008 SP2 you can set this property for every grid column. You can check our version notes here:
http://www.telerik.com/VersionNotes.aspx?Id=1397
Kind regards,
Vlad
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.
Since Q2 2008 SP2 you can set this property for every grid column. You can check our version notes here:
http://www.telerik.com/VersionNotes.aspx?Id=1397
Kind regards,
Vlad
the Telerik team
Check out Telerik Trainer, the state of the art learning tool for Telerik products.