Hi Team, 

Currently, the Kendo UI for Angular library relies on SVG icons as default icons. This means that developers would have to use a service to change the default icons inside components. This approach, however, does change all icons inside the project and is not suitable for cases where only a particular icon in a single component should be changed. 

Therefore, I would like to request a designated property or a specific approach that would allow developers to change particular icons inside particular components.

Hi,

This works with Angular 20, must be a change related to that.

If I assign data to the TreeView synchronously, it works, but e.g. in a setTimeout, it doesn't any more. (I assign the full array, change detection is set to eager.)

Reproduction can be found here: https://codesandbox.io/p/devbox/mutable-glade-39twhs?workspaceId=ws_P4gPDf6RC2r5W8xExWQehV

Best regards,
Michael

When there are too many events on a single day in the Scheduler's month view, events may be displayed in a popup overflow menu.
These events cannot be customized: there is no template directive that would allow customization of how these events are rendered.

Hi,

We've noticed a discrepancy between the Theme Builder and the Angular Grid component regarding size options.

Current Behavior:
In the Theme Builder, the Large size property can be selected for Grid components. However, in the Angular package, only the sm and md sizes are currently supported.

Proposed Enhancement:
We would like to request support for the Large size option in the Angular Grid components to ensure design consistency with the Theme Builder.

We are developing an enterprise-scale software application and actively utilizing your products, including the Theme Builder, as efficiently and effectively as possible. Because of this, ensuring consistency across our design and implementation systems is critical for us.

Has anyone else faced this, or is there an existing workaround or planned update for this?

Thanks, and looking forward to your feedback!

Hi,

I'm experiencing an issue with the Kendo Grid when using virtual scrolling.

If I lock any column, scroll down, and then navigate to another page, the locked column disappears. It only reappears after I scroll the grid again.

I've attached the relevant code and a video demonstrating the issue.

A ticket regarding this specific issue has already been opened on GitHub (https://github.com/telerik/kendo-angular/issues/4962) , but I wanted to bring it to your attention here as well. We would appreciate your support in resolving this matter as soon as possible.

Dear Telerik Support Team,

would it be possible to add Constrained Mode support for the TreeList, given that it already exists for the Grid?

The Grid's resizable input accepts "boolean | ResizeMode", so resizable="constrained" keeps the overall table width fixed while resizing. The TreeList's resizable input is boolean only, and we could not find an equivalent option.

In our application, Grid and TreeList are wrapped by two components that are supposed to look and behave identically. Without constrained mode, shrinking a TreeList column leaves empty space to the right of the table whenever no horizontal scroll bar is present; the table stops filling the available width, whereas a grid next to it still does.

We are currently working around this issue by adding an additional spacer column, but that relies on internal DOM details of the TreeList and is likely to break with future updates. Native support would allow us to remove the workaround.

Tested with version 23.4.0; the public API docs suggest this is still the case in the latest release.

Thanks a lot in advance!

The typing for Telerik events in Angular that I have seen so far is generally quite mixed in quality. There is heavy use of EventEmitter<any> for some commonly used components, which is a code smell in TypeScript.

It makes it considerably more difficult/risky to develop using these events, as you don't quite know what to expect until you try running it a few times and/or playing around with it on the website sandbox. Furthermore, the sandbox has its own issues too, such as not always making it clear if a value is null/undefined vs an empty string (which does make a difference for how you handle it), so I typically have to make a dummy component and debug it myself just to find out.

See for instance:

• Text boxes
• Numeric text box
• Combo boxes
• Multiselect

Others have a mix of typed and un-typed

• Drawer layout
• Multiview Calendar

A component that does this well by contrast is the Map one, where the events are all strongly typed, making them much easier and safer to use.

In certain cases (e.g. Comboboxes), where a value change emits the selected object/string, or "undefined" (at least as far as I can tell), could it not use generic typing to infer the type based on the type of the provided data, and default to "any" otherwise?

For focus/blur events, at least the switch component provides typing that lets me know it refers to the original DOM event (though it still has "any" on the valueChange - which seems unusual as I'd intuitively expect it to be a boolean).

Even if it is truly impossible to get typing for certain events, there should at least be clearer documentation on the API reference of what you should typically expect to get/where the event comes from.

Component libraries should not require you to guess or figure out what to expect for exported events. Please can you make this a priority in new releases.

When a user selects a sheet from the All Sheets menu, the Spreadsheet should automatically scroll the sheets bar until the corresponding active tab is visible. The behavior should reveal the tab without requiring the user to press the sheets-bar navigation arrows.

Currently, when the min and max options of the TimePicker are defined, the user is still able to enter a value that is outside the specified range, which triggers an error and the control enters an invalid state.

Provide an option that would entirely restrict the user from entering values outside the specified range and would automatically correct the value to the corresponding min or max value.

One way to achieve such functionality is to handle the blur event of the TimePicker and correct the value if necessary:

https://stackblitz.com/edit/angular-b1e6jl

Currently, the supported approach for setting values for the input properties of the Kendo UI for Angular components is by binding them to a DOM property. 

Please provide support for the ability to set values for the input properties programmatically.

In the Agenda view of the Kendo Scheduler, multi-day events that are not marked as "All Day" are currently displayed with a time range of 12:00 AM - 12:00 AM for intermediate days. This is incorrect and should be updated to show "All Day" for these days.

Steps to Reproduce:

Create a multi-day event (e.g., September 1, 12:30 PM to September 5, 3:00 PM).
Ensure the event's 'isAllDay' property is set to 'false'.
View the event in the Agenda view.
Expected Behavior:

Start date (September 1) shows the start time (12:30 PM).
End date (September 5) shows the end time (3:00 PM).
Intermediate days (September 2 to 4) display "All Day" instead of 12:00 AM - 12:00 AM.
Actual Behavior: Intermediate days display 12:00 AM - 12:00 AM. They should display "All Day" to accurately represent the event spanning these days.

Example of current and desired rendering - https://stackblitz.com/edit/angular-lhne15?file=src%2Fapp%2Fapp.component.ts

Currently, it can be achieved with a template, but it will be nice if it's handled internally. 

It would be great if the Editor included a feature that allows users to insert emojis from a list of available options.

Exporting large of amounts of data requires special handling by the web application so the user knows the excel export process is working.  With kendo-excelexport component, calling the save() function is where all the work is done and it doesn't return until the Excel file is complete due to it being synchronous.  There should be some way for the application to subscribe to progress events during the construction of the excel export process so the application can inform the user of this progress.

Hi,

Currently, when adding or editing an event, if the user chooses any start date, the end date field does not update, and the user needs to manually add the time. This is acceptable, but in some cases, automatically adding 30 minutes or 1 hour to the start date and time would be a useful feature.

Similar to Microsoft Teams Meeting editor. Recording provided.

 

Introduce hierarchical "outline" levels in Kendo Angular Gantt, enabling users to expand/collapse tasks and drill down into project details similar to MS Project. This feature will improve project management by providing a clear and organized view of complex task structures.

Video of the functionality - https://www.youtube.com/watch?v=1gcEVMbLVRg&t=30s

 

When using PopupService with a component as content it is not possible to inject the PopupRef into the component's constructor.

Allow injecting PopupRef into the component's constructor like it is possible with DialogService and DialogRef.

https://www.telerik.com/kendo-angular-ui/components/dialogs/dialog/service/#toc-content-component

This will allow to call close on the PopupRef from within the component.

It would be nice to have some additional control over the zoom step and to allow fine-tuning with decimal values, such as 0.2, similar to the WPF option:

https://docs.telerik.com/devtools/wpf/controls/radmap/features/zoom-modes#zoomstep

It would be a nice enhancement to the kendoDropDownFilter directive if it supported grouped data filtering.

Provide a built-in method like scrollTo() to scroll the tabs to a specific tab index.

Please add an upload zone and button to the PDFViewer content area when there is no PDF initially loaded, similar to the Kendo UI for jQuery implementation:

https://dojo.telerik.com/UsEzomaq