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

[sysinfradev]

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?

[Petur Subev]

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

 

 

[Herrick]

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

[Silviya Stoyanova]

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