Resize the filter Grid

[Chatra]

Hi .

I have two grids to handle on the Popup  Edit.

Can we re-size the auto filters on Columns  of Grids .

Like by re-sizing the font of class (form - k-filter-menu k-popup k-group k-reset k-state-border-up) or container size.

Please let me know how this style class will be look like for a  specific Grid whose ID is (Grid1).

Thanks
Chatrapathi Chennam

[Dimo]

Hi Chatra,

You can use the Grid's filterMenuInit event to apply custom styles or CSS classes.

http://docs.telerik.com/kendo-ui/api/web/grid#events-filterMenuInit

The custom CSS code must be placed after the Kendo UI stylesheets, or higher CSS specificity must be used.

Keep in mind that the filter menu does not have a default width. Its dimensions are determined by its content. The widgets inside the filter menu have a default width of 13.2em and this is overridden in the sample below.

function onFilterMenuInit(e) {
   e.container.addClass("widerMenu");
}

.widerMenu .k-combobox,
.widerMenu .k-datepicker,
.widerMenu .k-timepicker,
.widerMenu .k-datetimepicker,
.widerMenu .k-numerictextbox,
.widerMenu .k-dropdown,
.widerMenu .k-textbox
{
    width: 24em;
}

Regards,
Dimo
Telerik