Hi,
Could i use Kendo component with RxJs7 and Typescript 4.4 in Angular13 ?
Regards

I am using autoFocusedElement to set focus to the first input on a dialog as described at https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/initial-focus/. When that input is wrapped in a floating label, it appears to work, but it produces the following error in the console:
<div class="example-wrapper">
<button kendoButton *ngIf="!opened" (click)="open()">Open dialog</button>
<kendo-dialog *ngIf="opened"
autoFocusedElement="#username"
title="Please confirm"
(close)="close('cancel')"
[minWidth]="250"
[width]="450"
>
<div style="margin: 30px; text-align: center;">
<p>Enter your username below</p>
<kendo-floatinglabel text="User Name">
<input kendoTextBox id="username" placeholder="Your username" style="width: 200px"/>
</kendo-floatinglabel>
</div>
<kendo-dialog-actions>
<button kendoButton (click)="close('no')">No</button>
<button kendoButton (click)="close('yes')" primary="true">Yes</button>
</kendo-dialog-actions>
</kendo-dialog>
</div>
Hi Team,
I am trying to use shared tooltip in stock chart but it is not working as expected. However it is working fine with line chart. Can anyone help me on this?
Thanks in advance.

I'm having six tabs and in all six tabs, I'm having a kendo-grid table. when I load the component it's becoming too slow(40 seconds) when working with 500 records. and I'm loading data from API(Backend) and data comes from the backend very quickly(1 second) and pagination is enabled.
I have even implemented virtual scrolling but didn't help me.
[skip]="state.skip"[height]="700"(dataStateChange)="dataStateChange($event)"(pageChange)="pageChange($event)">
}

Hi,
We use editable grids with multiple selection that sometimes have a page size of 500 or larger. In this case, when selecting another row when one or more rows are already selected, it takes few seconds to execute the operation. Is there anything that can be done to make this work faster?
Thanks,
Iuliana

hello,
I have been searching myself silly on how to change just 1 label in an axis.I have searched for hours on how to do this, but can not find it.
For instance : I have a x-axis that has every month of the year. But I want to change the color of the current month.
As far as i can tell, I have to do something with the axisLabelVisualArgs, but for the life of me, I can't figure out how I can change a text's color dependant on a condition.
This is the result I want to get :

Hi,
When a user clicks a cell in the grid, is there any way to get the <td> of clicked cell in order to modify the styling (for example, add a solid border) as a way of highlighting the clicked cell? I would like the cell to remain highlighted until I programmatically clear the highlighting, so that I can highlight more than one cell. Please note this has nothing to do with editing.
I'd appreciate any pointers. Thanks in advance.
Alvin

Hi
I am trying to populate Kendo Tile Layout inside Kendo Tabstrip but seems there is a bug when I drag the item. The position of selected tile is broken initially
When I click the red circle area to drag, the tile is moving to some strange place(position where you see 'Page Views' tile). This does not happen when I populate tile layout without trabstrip.
Any idea how to resolve this? I upgraded Kendo Angular lib to the latest.
* Code is attached.
Kind regards
David

module.exports = {
"stories": [
"../src/**/*.story.mdx",
"../src/**/*.story.@(js|jsx|ts|tsx)"
],
"addons": [
"@storybook/addon-links",
"@storybook/addon-essentials",
],
"core": {
"builder": "webpack5"
}
}import { HttpClientModule } from '@angular/common/http';
import { CUSTOM_ELEMENTS_SCHEMA } from '@angular/core';
import { RouterTestingModule } from '@angular/router/testing';
import { moduleMetadata } from '@storybook/angular';
import { Story, Meta } from '@storybook/angular/types-6-0';
import DocumentsComponent from './documents.component';
export default {
title: 'Components/Pages/Documents',
component: DocumentsComponent,
argTypes: {},
decorators: [
moduleMetadata({
imports: [HttpClientModule, RouterTestingModule],
schemas: [CUSTOM_ELEMENTS_SCHEMA],
}),
],
} as Meta;
const Template: Story<DocumentsComponent> = (args: DocumentsComponent) => ({
props: args,
});
export const DocumentsList = Template.bind({});<div class="documents">
<button kendoButton (click)="addNew()" class="add-new" icon="plus" look="flat">Add New</button>
<h1>Documents</h1>
<!-- start block added to confirm data was available when rendering -->
<div *ngFor="let data of gridData">
<h2>{{data.id}}</h2>
</div>
<!-- end block added to confirm data was available when rendering -->
<kendo-grid
[data]="gridData"
[sort]="sort"
[sortable]="{ allowUnsort: true, mode: 'multiple' }"
(sortChange)="sortChange($event)"
>
<kendo-grid-column field="id" title="ID" [width]="100"> </kendo-grid-column>
<kendo-grid-column field="assignee.username" title="Assignee" [width]="100"> </kendo-grid-column>
<kendo-grid-column field="status" title="Status" [width]="120">
...
