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

How to adjust width of the filter textbox on the filter row cell?

3 Answers 563 Views
Grid
This is a migrated thread and some comments may be shown as answers.
sysinfradev
Top achievements
Rank 1
sysinfradev asked on 18 Jul 2014, 12:46 PM
There is new feature on the grid - filter row. It is very nice, but I have a problem of adjusting the width of the filter text box. For example in the following demo all columns are large enough:
http://demos.telerik.com/kendo-ui/grid/filter-row
However, if we set the OrderId column to be smaller to 100px, the filter text box is larger, and there seems to be no easy way to make it fit in smaller column.
See, it hides the filter button, and text box is longer: 


I was thinking of either doing it using the cell.template, but then I don't know how to reproduce that entire filter box behavior. Another option would be to somehow add some css to control width of that particular text-field. 
Any suggestions?


3 Answers, 1 is accepted

Sort by
0
Petur Subev
Telerik team
answered on 21 Jul 2014, 11:31 AM
Hello,

Currently the feature does not expose such configuration option we will add such improvement. As a temporary work-around I can suggest you the following idea:

http://www.telerik.com/forums/kendo-ui-grid-with-filter-row

Kind Regards,
Petur Subev
Telerik
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
0
Herrick
Top achievements
Rank 1
answered on 27 Feb 2020, 02:26 AM

Hi Petur,

Just wondering: Is it now possible to configure the size of the filter widget in a grid column header when the grid's "filterable" mode is set to "row"?

Thank youy.

Regards,

Herrick

0
Silviya Stoyanova
Telerik team
answered on 28 Feb 2020, 09:23 AM

Hello Herrick,

Š¢hank you for your question.

I would suggest setting the Grid columns.filterable.cell.inputWidth configuration.

If you have a specific scenario or any concerns please do not hesitate to contact us for further assistance on this matter.

Kind Regards, Silviya Stoyanova Progress Telerik

Get quickly onboarded and successful with your Telerik and/or Kendo UI products with the Virtual Classroom free technical training, available to all active customers. Learn More.
Tags
Grid
Asked by
sysinfradev
Top achievements
Rank 1
Answers by
Petur Subev
Telerik team
Herrick
Top achievements
Rank 1
Silviya Stoyanova
Telerik team
Share this question
or