Telerik Forums
Kendo UI for Angular Forum
2 answers
492 views

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?

Alex
Top achievements
Rank 1
 answered on 14 Jun 2019
1 answer
195 views

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-slider
04.                [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>
Martin Bechev
Telerik team
 answered on 14 Jun 2019
1 answer
1.2K+ views

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?

 

 

Svet
Telerik team
 answered on 13 Jun 2019
2 answers
391 views

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

Svet
Telerik team
 answered on 12 Jun 2019
2 answers
1.9K+ views
Is it possible to capture the scroll event on kendo grid when I scroll the grid?  I only see scrollBottom event. 
Tony
Top achievements
Rank 1
 answered on 11 Jun 2019
1 answer
995 views

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 ?

Hetali
Telerik team
 answered on 10 Jun 2019
1 answer
556 views

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?

 

Dimiter Topalov
Telerik team
 answered on 06 Jun 2019
1 answer
2.9K+ views

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.

Martin Bechev
Telerik team
 answered on 06 Jun 2019
3 answers
168 views

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

 

Dimiter Topalov
Telerik team
 answered on 05 Jun 2019
4 answers
154 views

 

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

Brian Vallelunga
Top achievements
Rank 1
 answered on 04 Jun 2019
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jake
Top achievements
Rank 1
RBarnes
Top achievements
Rank 1
Iron
Iron
Rami
Top achievements
Rank 1
Iron
Veteran
Nathan
Top achievements
Rank 1
Kumeri
Top achievements
Rank 1
Iron
Veteran
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?