This is a migrated thread and some comments may be shown as answers.

Filter Row Style

3 Answers 89 Views
Grid
This is a migrated thread and some comments may be shown as answers.
sitefinitysteve
Top achievements
Rank 2
Iron
Veteran
sitefinitysteve asked on 14 Jul 2011, 04:45 PM
I'm struggling with a custom skin in my filter row

So the markup is
<tr class='rgFilterRow'>
<td>
<input>   <-- Textbox
<input>   <-- Filter Control Button

The question is how to get the button to line up with the right side of the filter row with a fixed width, and have the textbox fill the remaining space...

Doable?

3 Answers, 1 is accepted

Sort by
0
Sebastian
Telerik team
answered on 15 Jul 2011, 09:04 AM
Hi Steve,

You can manipulate the size of the filter textboxes using the FilterControlWidth property of the grid columns or programmatically with code. For more information please review the resources below:

http://demos.telerik.com/aspnet-ajax/grid/examples/generalfeatures/filtering/defaultcs.aspx
http://www.telerik.com/help/aspnet-ajax/grid-setting-filter-textbox-dimensions.html

Specifying that on a per-column basis against via the skin styles globally should be more flexible.

Regards,
Sebastian
the Telerik team

Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

0
sitefinitysteve
Top achievements
Rank 2
Iron
Veteran
answered on 15 Jul 2011, 05:56 PM
Hey Sebastian,
  Thanks for the info

Unfortunately that won't work for us.  The grid is inside a RadSplitter which scales the screen width, and thus the grid also resizes.  So fixed width filters would put me into the same problem boat I'm in now....which is why I'm trying to define it in the Skin\Theme.

I have got this working for templated filter columns, like since the RadComboBox is a single element which contains children I can jsut scale the parent to the filter width.

However since the filters are two inputs grouped in a TD I'm having a heck of a time getting them to line up.

I tried doing it with table-cell (even though it wouldnt work in IE7), but when I specify table on the "TD" parent all the filters wrap like block elements onto their own lines...

Steve
0
Sebastian
Telerik team
answered on 18 Jul 2011, 11:42 AM
Hi Steve,

To make the layout of the filter controls as fluid as possible for your particular scenario, I suggest you set TableLayout = Auto for the grid and FilterControlWidth in percentage (for example 90%), thus leaving the rest of the space in the filter item cells for the filter menu icon.

The other option is to define the percentage width for the input filters by overriding the settings for the skin/theme you applied to the grid as described in this blog post.

Best regards,
Sebastian
the Telerik team

Register for the Q2 2011 What's New Webinar Week. Mark your calendar for the week starting July 18th and book your seat for a walk through of all the exciting stuff we will ship with the new release!

Tags
Grid
Asked by
sitefinitysteve
Top achievements
Rank 2
Iron
Veteran
Answers by
Sebastian
Telerik team
sitefinitysteve
Top achievements
Rank 2
Iron
Veteran
Share this question
or