I'm trying to apply Grouping (https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/grouping/) to a multiselect where the data is bound using the async pipe. (https://www.telerik.com/kendo-angular-ui/components/dropdowns/multiselect/data-binding/#toc-async-pipe).
I'm getting a bit stuck, is what I'm trying to do possible? any chance of modifying the example for the async pipe to group the data?
In the paging section( https://www.telerik.com/kendo-angular-ui/components/grid/paging/) there is a directive to further control the pager content of the grid. What I was trying to accomplish is having a HTML number input to allow users to specify their desired page size. However my 'onchange' event is never firing for the input control.
In the Pager Template stack blitz example there is a slider that is able to bind to events. Is there some limitation on what controls that can be used with the directive?
Event for onchange
setPageSize(value: any ) { console.log('value => ' + JSON.stringify(value)); }
HTML for Pager template
01.<ng-template kendoPagerTemplate let-totalPages="totalPages" let-currentPage="currentPage">02. <kendo-pager-prev-buttons></kendo-pager-prev-buttons>03. <kendo-slider04. [showButtons]="false"05. [tickPlacement]="'none'"06. [max]="totalPages"07. [min]="1"08. (valueChange)="sliderChange($event)"09. [value]="currentPage">10. </kendo-slider>11. <kendo-pager-info></kendo-pager-info>12. <kendo-pager-next-buttons></kendo-pager-next-buttons>13. <input type="number" value= {{pageSize}} (onchange)="setPageSize($event)" >14.</ng-template>
Hi,
Its been nearly a year now that I am waiting for Kendo to provide a auto-fit/ resize option. Tried something like
public onDataStateChange(): void {
this.fitColumns();
}
private fitColumns(): void {
this.ngZone.onStable.asObservable().pipe(take(1)).subscribe(() => {
this.grid.autoFitColumns();
});
}
But this doesn't seem to work also. Our business requirement needs us to do the auto resize since we create our grids on the fly.
Any solutions yet?

Hi,
I am using a DialogService to open it under some conditions from another kendo-dialog. I need to set the background color of the title to a different color than the one from the kendo style sheet. How do I achieve this?
I know we can set he width, height and actions programmatically , but I don;t see any properties to set the background color.
Regards,
Jyothi

I have a kendo chart whose type is either donut or pie. There is a need to handle right click (click type : context menu). Upon right click, a menu is displayed.
However there seems to be only tap/click method available when the chart type is donut or pie.
(for column chart, the click event is handled for both 'tap' and 'context-menu').
<kendo-chart (click)="onPlotAreaClick($event)">
<kendo-chart-series>
<kendo-chart-series-item #series type="donut" [data]="pieData" field="value" categoryField="category"></kendo-chart-series-item>
</kendo-chart-series>
</kendo-chart>
........................................................
onPlotAreaClick(event) {
//not triggered for right click on pie chart
}
.........................................................
Can you please help ?

One of the property of in my grid datasource is a color that I want to filter on. I do not whant to show it as colomn. I'll use a external menu to filter the grid.
I am using a kendo-multiselect, everything looks fine but on the valuechange event I want to emit the filter CompositeDescriptor without losing previous filters.
Do you have any idea how to do it?
In you external form example:
https://www.telerik.com/kendo-angular-ui/components/grid/editing/external-editing/
what's the best way to get the form to submit on enter. Cancel works with Esc key.

Not sure if anyone is interested, but I implemented a factor directive that provides the same functionality as the jquery version of the widget.
The main use case for this is our users want to see percentages when editing as integers.
Here is a link to the repo and demo:
https://github.com/lucasheight/kendo-angular
https://stackblitz.com/github/lucasheight/kendo-angular
Hi guys,
I would like to call the GridComponent's method autoFitColumns() after initially loading the data but don't want to have an extra button for this. Instead I would like to call the method only after the first time the data has been initially rendered (or every time new data has been loaded). Is that possible?
Regards,
K. Dimitrov