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

Resize the filter Grid

1 Answer 132 Views
Grid
This is a migrated thread and some comments may be shown as answers.
Chatra
Top achievements
Rank 1
Chatra asked on 17 Jun 2014, 09:50 PM
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



1 Answer, 1 is accepted

Sort by
0
Accepted
Dimo
Telerik team
answered on 19 Jun 2014, 07:38 AM
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
 
Join us on our journey to create the world's most complete HTML 5 UI Framework - download Kendo UI now!
 
Tags
Grid
Asked by
Chatra
Top achievements
Rank 1
Answers by
Dimo
Telerik team
Share this question
or