Hi, Team!

Currently, the Output view of the AIPrompt component ignores any of the formatting that is applied to the text it renders and displays it as regular text. However, I want to retain the formatting of the text that was generated by the AI model that I am using.

For this reason, I would like to request the introduction of a designated template that would allow me to control the formatting of the prompts in the Output view.

Provide a built-in functionality for the TreeList that would allow binding the component to data with the following structure:

const data = [
    { path: ['node1', 'node2'], property1: value, property2: value },
    { path: ['node1', 'node2', 'node3'], property1: value, property2: value },
];

The structure provides particular paths for the leaf nodes (last children) that determine the hierarchy within the component and additional fields that correspond to the columns' definition of the component. 

The legend in the kendo charts has limited customization available via geometry and layouts (inherited from Group <- Element) using the visual property. But this does not allow a complete range of customization equivalent to html templates such as :

1. Table containing multiple information against each legend item. (eg : If the above legend consists of multiple items in a row could use Kendo grid in it).

2. No hyperlinks support in the text for routing to different pages on the UI or anywhere else.(eg : In the above Offline could be a hyperlink to navigate to other detailed page).

This point I think is important. Also an hyperlink (or maybe a click on an svg hide navigate to a separate legend in place).

3. Some other features supported in html such as sliders in a legend to display more info on icon click. (eg : clicking on an icon should expand the details for each legend item ).

4. Not sure if there is an svg support too. (eg:  In the above I would like to place an svg icon in place of circle geometry for colored indicators).

Also it would be much convenient to allow an html template inside the legend instead of coding geometries. The above points are in support for the need for a custom html template to be either accepted as the property of the legend or to allow to construct an html code under the <kendo-chart-legend></kendo-chart-legend>

Add an API method to manually clear the k-invalid class on labels, allowing developers to reset label validity programmatically without triggering additional events.

Workaround the Label invalid hidden API:

https://stackblitz.com/edit/angular-taa4kx-idl51r?file=src%2Fapp%2Fapp.component.ts

@ViewChild(FloatingLabelComponent) private fl: FloatingLabelComponent;

public resetLabelValidity(): void {
 this.fl.invalid = false;
}

It will be a good option to have if there is a setting to set to true and enable the autofit row height option from Excel.

Currently, there is only an option for setting a label for the filter cell operators DropDownList available in the CustomMessagesComponent:

• https://www.telerik.com/kendo-angular-ui/components/grid/api/custommessagescomponent#filtercelloperatorlabel

Provide a similar property for setting a custom value for the title attribute of the filter cell operators DropDownList through the custom messages attribute bindings.

As the FilterInputWrapperComponents set currentOperator(value: string) uses a hard coded list of operator values (isnull isempty isnotnull isnotemty), it is impossible to create a custom FilterOperator that has no search string - so we can't have isnullorempty isnotnullorempty (or isblank/isnotblank).

Please introduce a requiresSearchValue on the FilterOperatorBase class and make sure FilterInputWrapperComponents does decisions based on that.

Please introduce a isnullorempty/isnotnullorempty filter operator (for strings).

Additional context/sample usage:

 <kendo-grid-column title="Employee / Prospect" field="Name" width="160">
            <ng-template kendoGridCellTemplate let-field let-value let-dataItem>
                <span *ngIf="dataItem.IsProspect" class="pull-left">{{dataItem.Name}}
                    <p class="prospect-indicator pull-right" data-letters="P"></p>
                </span>
                <span *ngIf="!dataItem.IsProspect">{{dataItem.Name}}</span>
            </ng-template>
            <ng-template kendoGridHeaderTemplate let-column>
                <span title={{column.title}}>{{column.title}}</span>
            </ng-template>
            <ng-template kendoGridFilterMenuTemplate let-filter let-column="column" let-filterService="filterService">
                <kendo-grid-string-filter-menu
                    [column]="column"
                    [filter]="filter"
                    [filterService]="filterService">
                    <kendo-filter-eq-operator></kendo-filter-eq-operator>
                    <kendo-filter-neq-operator></kendo-filter-neq-operator>
                    <kendo-filter-contains-operator></kendo-filter-contains-operator>
                    <kendo-filter-not-contains-operator></kendo-filter-not-contains-operator>
                    <kendo-filter-startswith-operator></kendo-filter-startswith-operator>
                    <kendo-filter-endswith-operator></kendo-filter-endswith-operator>
                    <kendo-filter-isblank-operator></kendo-filter-isblank-operator>
                    <kendo-filter-isnotblank-operator></kendo-filter-isnotblank-operator>
                    <kendo-filter-isempty-operator text="xIs blank"></kendo-filter-isempty-operator>
                    <kendo-filter-isnotempty-operator text="xIs not blank"></kendo-filter-isnotempty-operator>
                </kendo-grid-string-filter-menu>
            </ng-template>
        </kendo-grid-column>

Same layout as TimePicker, except:
- first part (hours) allows negative sign. Popup will display hours from -23 through 23.
- boolean 'allowDays'. Displays a "days.hours:minutes" format. Negative sign still allowed on first part (which is now days instead of hours).
- boolean 'allowSeconds'. Displays also a seconds part.
- number 'value' property containing the current value. The integer part is days, the fractional part the hours and minutes. (Date object would also be nice, I don't see how to specify a negative value.)

The following HTML markup is not supported and misinterpred by the Editor:

<span style="color: red;">Test <span style="color: blue;">Inner Span </span> Test</span>

The result is:

<p>
   <span style="color: red;">Test</span>
   <span style="color: blue;">Inner Span</span>
   Test
</p>

We currently are using TinyMce and they have a plugin that allows you to insert templates into their editor.  When writing content, templates can save users a lot of time, especially when they’re entering a lot of the same content over and over. They also have the ability to configure template replace values.

Adding a similar plugin to the Kendo Editor would be nice.

https://www.tiny.cloud/tinymce/features/templates/

https://www.tiny.cloud/blog/tinymce-templates/

It would be nice to be able to set dropdown popup alignment position like, left, right, top, bottom for all dropdowns like, dropdown button, dropdown list, etc

Currently, the views order all-day events based on their index in the events array. However, in the Month view, all-day events are arranged by start date, from earliest to latest. This means that if events start at different times, they will be displayed in that order.

For example - https://stackblitz.com/edit/angular-yvtoyp?file=src%2Fapp%2Fevents-utc.ts,src%2Fapp%2Fapp.component.ts

Day view:

Month view:

Example - https://stackblitz.com/run/?file=src%2Fapp%2Fevents-utc.ts,src%2Fapp%2Fapp.component.ts

React seems to render them in the start date order - https://stackblitz.com/edit/react-kms53j?file=app%2Fshared-sc-events-utc.js

And Google Calendar for reference:

Currently, the slotClass callback is triggered on every change detection, which also includes user interactions such as dragging or editing an event.

This will become problematic if there is complex logic in the callback and it can get a bit worse if there are bigger slotDivisions in place.

Example with dragging and editing:

https://stackblitz.com/edit/angular-qdjnb6?file=src%2Fapp%2Fedit.service.ts,src%2Fapp%2Fapp.component.ts

While dragging, the slotClass will fire multiple times, and while editing every keypress will trigger the callback. This can be further improved and limit when the slotClass callback is called in the Scheduler component.

Hi,

It will be a good component enhancement if selection and multi selection was introduced to the ListBox component. Like Kendo UI for React and jQuery:

https://www.telerik.com/kendo-react-ui/components/listbox/selection/

https://docs.telerik.com/kendo-ui/api/javascript/ui/listbox/configuration/selectable

Thank you for your consideration.

Add functionality to the Java Spring Boot sample application to support server-side data operations, such as sorting, filtering, and pagination. Currently, the demo uses the process method to do the operations on the client.

https://github.com/telerik/kendo-angular/tree/master/examples-standalone/kendoangular-java-integration

When typing into the Angular Datepicker on iOS devices, the page scrolls unexpectedly after entering the first character of any date part (day, month, year). The scroll occurs on each subsequent character input (2nd, 3rd, etc.), making it difficult to use the input field.

Steps to Reproduce:

1. Open a webpage with a Kendo UI Datepicker on an iPhone (iOS v16+, any model). Ensure the datepicker is positioned far enough down the page that scrolling is required to reach it. Example can be seen at https://angular-v7j3ag.stackblitz.io/
2. Focus on the Datepicker input field.
3. Enter a date manually using the on-screen keyboard.
4. After typing the first character into any date part, the page behaves normally, but it scrolls up to the top of the page on subsequent character inputs.

Expected Behaviour: The page should remain in place when typing, allowing smooth input without scrolling.

Observed Behaviour: The page scrolls up after entering the second character of any date part (day, month, or year) and continues to do so on each further input.

Reproduction: The issue was recreated using Kendo's own Datepicker example (with added spacing to demonstrate the scroll behaviour). https://stackblitz.com/edit/angular-v7j3ag

Affected Platforms:

• All iPhone models (tested 11 - 15) with iOS v16+ (reproducible on Safari and Chrome browsers).
• Does not occur on desktop or Android devices.

Additional Notes:

• A video demonstrating the behaviour is attached.
• This has been reproduced on both BrowserStack and physical iPhone devices.

I couldn’t find an existing bug report related to this issue, so I would appreciate it if you could confirm whether this has been reported or provide further guidance.