Hi!
The new kendoui grid feature of the filter row is a great improvement to the grid! We are trying to use it on our project but it seems that the filter input boxes can't seem to handle small column widths. We tried configuring the width of the input using the configuration columns.filterable.cell.inputWidth but seems to make no difference. Tried it in the kendoui documentation example here: http://dojo.telerik.com/UxUr but changing the number doesn't seem to change anything.
Any suggestions?
The new kendoui grid feature of the filter row is a great improvement to the grid! We are trying to use it on our project but it seems that the filter input boxes can't seem to handle small column widths. We tried configuring the width of the input using the configuration columns.filterable.cell.inputWidth but seems to make no difference. Tried it in the kendoui documentation example here: http://dojo.telerik.com/UxUr but changing the number doesn't seem to change anything.
Any suggestions?
3 Answers, 1 is accepted
0
Hi Markus,
There was an issue with the inputWidth option in Kendo UI v2014.2.716, however it is already addressed - the fix is included in our latest internal build which you can download from your account.
Regards,
Iliana Nikolova
Telerik
There was an issue with the inputWidth option in Kendo UI v2014.2.716, however it is already addressed - the fix is included in our latest internal build which you can download from your account.
Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
0
Andrés
Top achievements
Rank 1
Rank 1
answered on 13 Aug 2014, 02:06 PM
Hi Iliana,
I'm interested in getting the width of the inputs to auto scale to the column width. This is specially important for regular inputs. When you use resizable columns this looks pretty bad, specially when the columns get smaller. In that scenario the clear filter button is not visible.
For regular inputs I always used simple css to get the controls to fill the width of a table cell, for instance:
td > .k-dropdown { width: 100%; }
But I don't see a clear way of doing this with the grid filters.
Thanks!
I'm interested in getting the width of the inputs to auto scale to the column width. This is specially important for regular inputs. When you use resizable columns this looks pretty bad, specially when the columns get smaller. In that scenario the clear filter button is not visible.
For regular inputs I always used simple css to get the controls to fill the width of a table cell, for instance:
td > .k-dropdown { width: 100%; }
But I don't see a clear way of doing this with the grid filters.
Thanks!
0
Hi Andrés,
In order to get the inputs to auto scale I would suggest to set inputWidth in percentages. As an example:
Regards,
Iliana Nikolova
Telerik
In order to get the inputs to auto scale I would suggest to set inputWidth in percentages. As an example:
//....columns: [{ field: "name", filterable: { cell: { inputWidth: "50%" } }}, //....]Regards,
Iliana Nikolova
Telerik
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!