I have a kendo grid with many columns, and defining filters in each column header is not the best user experience as it requires lots of scrolling and button clicks to open a dialog per column to define filter parameters.
I have been asked to build a popup dialog which would load the column definitions and then generate a list of the columns and filter operator / filter value widgets so that a user could just open the popup, find the relevant column and then specify the filter operator and values.
Is there any plan to introduce such a feature in the grid soon? The ergonomics of filtering for multiple columns would be much improved with such a widget i think.
If I must roll my own implementation, is there any way I can hook in to the kendo code to build my filter list in a dialog, then apply it to the grid once it closes? How would I go about doing that?
Thanks

I have a screen using a Kendo Panel Bar to get the accordion effect.
Within 2 of the panels there is a component with a link in it that is used to open a Kendo Window to display extra data for the panel. First of all, the window actually belongs to the panel bar not the browser. When I collapse the panel, the window goes away. It does re-appear when expanding the panel though so I thought that was not a problem. However, since adding the component to the last panel bar, even when I click on the component's button from the first panel, the window does not show until I expand the last panel telling me that somehow it thinks it belongs to the wrong panel. Any assistance would be appreciated. I can try to get an example if needed.

Hello,
I am using the Multi-Checkbox Menu Filtering example here https://www.telerik.com/kendo-angular-ui/components/grid/filtering/reusable-filter/#toc-multi-checkbox-menu-filtering in my code. Is there a way to remove the "Clear" and "Filter" buttons and replace them with my own? I would like my custom buttons to have the same functionality as the "Clear" and "Filter" buttons, but I do not know what I would call on the click event.
Secondly, is there a way to have the "Filter" code called when the user clicks away from the popup? This way, the user can either click the "Filter" button or just click away to close the popup and have the filter occur.
Thanks,
Scott
I have a custom column filter for a grid, and when selecting a value, the followingmethod is called
public onChange(value: any): void { const filtersMap: FilterDescriptor[] = value.map(val => ({ field: this.filterField, operator: 'eq', val })); console.log('ColumnFilterMultiComponent -> filtersMap', JSON.stringify(filtersMap)); const compositeFilter: CompositeFilterDescriptor = { logic: 'or', filters: filtersMap }; this.applyFilter( value === '' ? this.removeFilter(this.filterField) : compositeFilter ); }
and the resulting DataSourceRequestState object is created:
{ "filter": { "logic": "or", "filters": [ { "field": "projectStatus", "operator": "eq", "val": "Active" }, { "field": "projectStatus", "operator": "eq", "val": "Closed" } ] }, "group": [], "skip": 0, "sort": [ { "field": "modifiedDate", "dir": "desc" } ], "take": 20}
but then calling ${toDataSourceRequestString(state)} results in this querystring:
filter=(projectStatus~eq~undefined~or~projectStatus~eq~undefined)&page=1&sort=modifiedDate-desc&pageSize=20
Why did the values from the filter get changed to undefined?
When the datepicker is wrapped into a kendo-textbox-container with a floatingLabel, the label overlays the output of the format definition, see:
https://stackblitz.com/edit/angular-av3vbg?file=app%2Fapp.component.ts
Also, since version 3.3.4 of the package @progress/kendo-theme-material there is an offset problem with the label on focus. When the datepicker has a value set and you focus the field, the label gets a wrong offset. It jumps back to the correct position on blur.
Please have a look into this problems.
There seems to be problems when using the kendo textarea with a floating label. When I input text und blur the field, the floating label gets a wrong position.
https://stackblitz.com/edit/angular-4udcsz
Furthermore the label is vertically centered in the field, when there is no content. Maybe it would look better to align it at the top like in the material components. This could also let the user decide the initial textarea height without alignment conflicts.
I have a need to use Kendo UI for angular (any version) with a specific Angular version 2.4.7. Is there support for this? I currently am getting a message on npm install that I need at least angular 4.0.0 or greater. Unfortunately I don't have the luxury of simply upgrading my angular version.
Thanks
Craig
The controller:
app.controller('TestController', ['$scope', function ($scope) { $scope.OnButtonClick = function () { $scope.grid.dataSource.fetch(); }; (function () { // init // $scope.grid is NULL $scope.grid.dataSource.fetch(); // grid is NULL let grid = $('#gridID').data('kendoGrid'); })(); } ]);
The problem: after load all the controller the INIT function is triggerd but all Telerik UI controller are NULL in this function.
All other function run well and the Telerik UI object are available.
It's possible to have a INIT controller function with all Telerik UI component available for data loading and configuration?
Thanks
Hello,
Could you tell me if there is a way to implement the ripple effect provided by the kendoRippleContainer while selecting a tab of a TabStrip?
If it is not possible, are there any future plans regarding such an implementation?
Thanks in advance!