sitefinitysteve
Top achievements
Rank 2
Iron
Iron
Veteran
Rank 2
Iron
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
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?
So the markup is
<tr class='rgFilterRow'><td><input> <-- Textbox<input> <-- Filter Control ButtonThe 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
0
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
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
Iron
Veteran
Rank 2
Iron
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
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
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
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!