Hello,
I would like to add a horizontal scrollbar so that I can clearly view all the graph data.
for example:
if I had all 12 months of the year I would like to see those of 2019 and then with the scroll bar go to 2020 and 2021.
through the parameter that identifies the X axis.
<kendo-chart (seriesClick)="onSeriesClick($event)"> <kendo-chart-title text="title"></kendo-chart-title> <kendo-chart-category-axis> <kendo-chart-category-axis-item [categories]="month" [title]="{ text: 'Months' }"> </kendo-chart-category-axis-item> </kendo-chart-category-axis> <kendo-chart-legend position="bottom" [visible]="false"></kendo-chart-legend> <kendo-chart-series> <kendo-chart-series-item type="line" [style]="normal" categoryField="month" [data]="Totaldata" field="total" [markers]="{ visible: true }"> </kendo-chart-series-item> </kendo-chart-series> </kendo-chart>regards,

Hello,
I was wondering if you have examples on creating a custom column menu with customizable items within it.
Something along the lines of the following link but truly customizable menu options: https://www.telerik.com/kendo-angular-ui/components/grid/api/ColumnMenuTemplateDirective/
I would like the column menu to contain 2 buttons, each with it's own event raised and handled.
Please let me know if this is possible.
Thanks.

I building a component in Angular which dynamically builds a list of tabs and then loads content into the tab dynamically. In the main this works well bar a couple of intermitted issues.
The HTML for the tab component is as below. sTabs is a Subject which contains the list of tabs to render, including the component to load and the currently selected tab.
I am using the library https://malkevich-alex.gitbook.io/ng-dynamic-component/ to load the component dynamically.
The 2 issues I have are;
1 - occasionally the selected tab is not show (even though the debug of the value selected in the title shows true the tab does not get focus)
2 - occasionally 2 components are shown together in a tab (one below another). Clicking into another tab and then clicking back fixes this and the correct component is then shown.
Any ideas on the cause?
<kendo-tabstrip [keepTabContent]="true"> <kendo-tabstrip-tab *ngFor="let item of sTabs | async let i=index" [selected]="item.selected"> <ng-template kendoTabTitle > <span class="k-icon k-i-close-outline" (click)="deleteTab(i)" style="padding-right: 10px;"></span> <span>{{ item.name }} {{ item.selected }}</span> </ng-template> <ng-template kendoTabContent> <ndc-dynamic [ndcDynamicComponent]="item.component" [ndcDynamicInputs]="item.inputs" [ndcDynamicOutputs]="item.outputs" > </ndc-dynamic> </ng-template> </kendo-tabstrip-tab></kendo-tabstrip>
Hi,
We have a requirement to highlight the row and cell based on some conditions in the grid. For KendoGridColumn, we have added the hightlight based on condition using template but for row as we don't have rowTemplate provided by kendo. Is there any way that kendo provide/recommends to hightlight the row conditionaly. We have found this old arcticle -> https://www.telerik.com/forums/kendo-ui-style-grid-rows, but it is looping over the grid data, in our case we have huge amount of data so looping would be performance problem. Kindly suggest if there is efficient way.
Regards,
Jaspreet

I'm trying the Kendo UI Grid for Angular, the current behavior only allows selecting multiple rows by selecting the checkbox itself (otherwise clicking the cell outside of the checkbox, would result in the currently selected rows getting reset.)
I would like to find out if is there a way to change that behavior, so that clicking outside of the checkbox would be handled just as clicking within it.
I've attached the desired behavior:

I am trying to implement a tabstrip within another tabstrip. What I have found is that when the parent tabstrip tab title property is set using [title]="'Title'" and the child tabstrip first tab is set using ngtemplate, then the parent's first tab title gets the child first tab text appended to it.
see https://stackblitz.com/edit/angular-lwzvbp?file=app/app.component.ts
When all screen is full at events, the scroll in not working in mobile.
how can i scoll also that is display many events in screen?

My grid data is bound to an observable as follows:
protected initDomainEntityQuery() {
this.gridSettings.state.skip = 1;
this.gridData$ = this.stateChange$.pipe(
takeUntil(this.unsubscribe),
switchMap(() =>
this.dataService.getData(this.buildDomainEntityPayload())
),
map((data) => {
if(this.groupable && data.data.length > 0) {
return process(data.data, { group: this.groups });
}
else
return data;
})
} }
The problem is that the data set returned could potentially span many pages, but after the aggregation, the DataResult total is 1 page long. Is there any way of working round this?
The use case is to present the data grouped by a type field.
Thanks.

