I'm working with the Kendo Scheduler and need help displaying different types of leave requests with specific background colors. For example, if an employee applies for a "Sick Leave," I want the event to appear with a specific background color in the Scheduler across different views (Year, Month, and Day).

Is there a way to dynamically apply these colors based on the leave type, so that each leave type (e.g., Sick Leave, Casual Leave, Privilege Leave) has a distinct background color in all views?

Any guidance or code samples would be greatly appreciated.

Thanks in advance!

Hi.

The default behavior of pressing ctrl + z is to undo the last character entered. But if you enter several letters in kendo-textbox and kendo-textarea and press ctrl + z, all the entered letters are undo.

However, kendo-autocomplete or kendo-combobox only undo the last character when pressing ctrl + z.
How can I return the default undo behavior for kendo-textbox and kendo-textarea (undo only the last character entered)?

Thanks.

angular 17.3.7

kendo 16.4.0

This issue can be replicated in kendo website.

Below steps are

https://www.telerik.com/kendo-angular-ui/components/grid/filtering/filter-menu/

1. Filter button is disabled by default.



2.  Upon entering number, it takes a moment to enable Filter button and when there is a decimal entered before it removes the decimal when enabling Filter.




3. Updated fine when I enter decimal after the filter button is enabled for the number entered already.



 

Hi,
I want to add a custom input text for filtering the items of a combobox in Angular
I tried to add but the text box seems not focusable. Even if I try to manually focus on it with extra code the user cannot select the text from the text box. 
Is it supported? Can I somehow implement it?

Thank you

Hi,

I am using Kendo Grid in angular. I've requirement for adding a checkbox to each row grid as well as "Select All" checkbox. Upon loading, I also have to "disabled" or "checked" checkboxes programmatically. I was able to achieve this using below "kendo-grid-checkbox-column" markup. However, the issue is with "Select All" checkbox, it doesn't select-deselect any check boxes upon clicking on them. I am not sure if I am missing anything here and appreciate any help on this. Below is the screen-shot of my grid, as you can see "Select All" checkbox is checked but it isn't selecting any checkbox, 2 checkboxes which are "disabled" and "checked" are set programmatically on loading.

Below is is "kendo-grid-checkbox-column" mark-up I am using, I also tried "kendo-grid-column" template but no success.

Hi,

I've added an editor as following

<kendo-editor formControlName="note" [iframe]="false"></kendo-editor>

I'm trying to interact with it while testing with Cypress but no luck, i.e the following doesn't work

const input = cy.get('kendo-editor[formcontrolname=note]');
input.type('sample text');

the error is

Timed out retrying after 4000ms: cy.type() failed because this element:

<kendo-editor _ngcontent-yle-c1049="" formcontrolname="note" style="height: 180px;" _nghost-yle-c961="" ng-reflect-name="note" ng-reflect-iframe="false" dir="ltr" ariadisabled="true" class="k-editor k-state-disabled ng-untouched ng-pristine">...</kendo-editor>

has CSS pointer-events: none

pointer-events: none prevents user mouse interaction.

Could you please provide some hints on how to do this? Do we have guidelines/howtos for Cypress e2e testing of Kendo UI for Angular?

Thanks

Hi

I would like to ask how I can create a dropdown with these colored circles and text?

Also how to manage dark mode and lite mode ?

Thanks in advance.

Our current application is an Angular 1.6.x using Kendo for JQuery.  While I would love to be able to migrate all our code in one fell swoop I just have too many directives to do this. 

Would it be possible to use both Kendo for JQuery and Kendo for Angular in the same mixed application.  In this way I can migrate my directives/components one at a time and then eventually remove the Kendo for JQuery .