I am a newbee in Kendo Components and need advice on selecting the right component.

I want a grid or tree representation of something like a book with the following structur.

- Book 1

-- Chapter 1

--- Subchapter 1

---- Line 1

---- Line 2

--- Subchapter 2

---- Line 1

---- Line 2

- Book 2

-------

-------

There are about 18 books. Some books divide lines in both chapters and subchapters. Other books only divide by chapters. So using a Grid can be a problem since setting groups = 'book, chapter, subchapter' would mean that books that dont use subchapters will be presented with an empty group for subchapter

I have tried using Master-Detail grid with 4 levels af grid (see the picture). This actually seem to work but will require a lot of styling to get rid of unwanted space. And there is the issue of a bit difficult navigation betwwen the levels.

Would it be better to use a treelist or treeview.

I’m working with the Kendo DateRange component and I need to disable future dates. I attempted to use [disabledDates]="dates", but this option is not available. How can I achieve this?

              <kendo-daterange>
                  <div class="col col-6 custDatePickerWidth">
                    <label>Created Date From</label>
                      <kendo-dateinput name="SearchDatePickerCreatedDateFrom" kendoDateRangeStartInput
                        formControlName="createdDateFrom" [format]="'MM/dd/yyyy'" placeholder="mm/dd/yyyy" [max]="maxDate">
                      </kendo-dateinput>
                  </div>
                  <span class="line">-</span>
                <div class="col col-6 custDatePickerWidth toDate">
                    <label>Created Date To</label>
                      <kendo-dateinput name="SearchDatePickerCreatedDateTo" kendoDateRangeEndInput formControlName="createdDateTo"
                        [format]="'MM/dd/yyyy'" placeholder="mm/dd/yyyy" [max]="maxDate">
                      </kendo-dateinput>
                </div>
              </kendo-daterange>

Upgrading Kendo packages from v15 to v16 I faced slowness during build process.
with Angular v17, Kendo v15 build takes 8min, same project with Angular v18 and Kendo v16 takes 14 min. 

Also the "Webpack Bundle Analyzer" show biggest bundle.

Right now, the selected item's background is orange in the popup that's shown when we click on the drop down list, but I want to change it to blue, for instance. What is the style that I can apply. I have tried using css classes, popupsettings, etc. but to no avail. 

For instance, 

In the image above, I would want the colour of "Los Angeles" to be set to something else. Please advise. 

Hello everyone,

I'm currently working on implementing a Kendo UI Calendar in our project. However, I encountered an issue with the design output.

Expected Output: (Refer to Image 1 below)

Actual Output: (Refer to Image 2 below)

Despite using the same code, the output doesn't match the design we expected. The first image shows the correct design we're aiming for, while the second image reflects what we currently see.

In addition to the design issue, I need to bind dynamic colors to the year view of the calendar. These colors will be fetched from an API. However, I'm unsure how to correctly implement this.

Has anyone encountered similar issues or has experience with binding dynamic colors in Kendo UI's year view? Any guidance or code examples would be greatly appreciated!

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