Hi Team
I was using Kendo UI for Angular to render a Sankey chart.
I checked with the technical support and currently there is no way to adjust the width of link lines in Sankey Chart API for Angular.
In many cases because of data , the link lines appear too big for the whole canvas and does not look good, leading me to use another chart types or alternate libraries.
Request you to please look into this and provide a way as soon as possible.
Thanks
Mohit
Currently, it is not possible to enter a date that falls exactly on a Daylight Saving time.
Check the following example where it is not possible to enter 3 for the hours' section (it is also not possible to select 3 from the TimePicker popup):
https://stackblitz.com/edit/angular-nstdolh5-xfiws9nr
That behavior is expected as there is no such time in the Bulgarian time zone. Daylight saving time begins on 30 March 2025 03:00 when the time is moved 1 hour forward.
The demonstrated undesired behavior for the specific date will be reproducible only if the example is opened in the specified time zone. But the same behavior is valid for any other date that falls on Daylight Saving time in other time zones.
We should decide on what the expected behavior is for such cases. For example not allowing entering the value, displaying an error, auto-switching to the real hour (4 AM), etc.
It seems that whenever a task crosses the date where the daylight saving time switch appears everything on the gantt's week view gets shifted by 1 hour.
This stackblitz shows 2 Gantts. The first one has correct positioning, the second one appears to be bugged.
In this picture, you can see that in the 1st Gantt `Item 1` is slightly shifted to the right and covers Thursday and Friday. That's because its date is specified in UTC as `2025-04-03T00:00:00.000Z` which, for me in the UK, will result in `01:00:00.000`.
However, in the second Gantt `Item 1` now fully covers Thursday and doesn't extend to Friday even though the start and end dates are the same as in the first Gantt.
You might get slightly different positioning based on your time zone. The description is written based on the UK time zone.
It also affects drag-and-drop marquee. If you try to drag the right side of item 1, you'll see that it will show Saturday even before it starts covering Saturday.
Expected behaviour: Item 1 has to be positioned identically on both timelines
*** Feature Request created by Telerik by Progress staff ***
This feature request will allow developers to set inputmode to components like NumericTextBox, DatePicker, and etc. Making mobile users experience better as it will require the Virtual Numeric keyboard to be opened instead of the default that includes letters.
https://developer.mozilla.org/en-US/docs/Web/HTML/Global_attributes/inputmode
As at this current time the developers are required to select the element using querySelector and setAttribute as demonstrated in the following demo with DatePicker:
https://stackblitz.com/edit/angular-qlnyzv?file=app/app.component.ts
This functionality is requested in the following threads:
https://github.com/telerik/kendo-angular/issues/3076
Ticket reference - 1486073, 1493791, and 1541636.
Kendo timeline range in the gantt can be miscalculated if children have start and end days earlier that their parent.
This happens to due oversight in TimelineBaseViewService.getRange function. Two variables startResult and endResult are calculated using only top-level entities from the supplied data hierarchy.
This stackblitz shows 2 cases.
- The item is out of the bounds on the left due to an earlier start date than its parent's start date.
- The item is rendered either as three dots or out of bounds on the right side (depends on the browser. Firefox tend to display three dots, Chrome clips the right side) due to end date being later than its parent's end date.
That's mostly visible on Day and Week timelines, however I believe can be reproduced on monthly and yearly views if the date spread is large enough.
Expand the rows of the TreeList when filtering in order to reach the filtered value when nodes are collapsed.
The same is already available in the TreeView:
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.
Currently tooltip can be rendered outside of the gantt component if item on the timeline is long enough to be outside of the timeline viewport.
Adjusting [taskTooltipOptions] doesn't help as tooltip will still be outside of the timeline viewport.
Steps to reproduce.
- Open Stackblitz
- Scroll to Sat 19/04
- Hover mouse of Sat 19/04 slot
The tooltip data isn't loaded properly when the mouse lands on the item due to the horizontal scroll rather than moving moues manually. This behaviour is mostly noticed on touchpads due to gestures.
See stackblitz.
Steps to reproduce
- Place the mouse pointer before any item on the gantt
- Scroll to the right or left without moving the mouse so the pointer stops on the item
It's important not to move the mouse, as soon as any action like movement or click happens the tooltip loads the data.
See the attached video.
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>
I'm wondering is it possible to have something closer to owl carousel (demo: https://owlcarousel2.github.io/OwlCarousel2/demos/basic.html)?
I want to get the configuration used by PivotGrid component with rows, columns, filters, etc. My target is get this configurations from component, store them in my database and after give them to pivotgrid when users reopen it.
It would be great if there was a built-in feature for the PivotGrid that allows saving and restoring the component's state.
Currently kendo ListBox does not support double click event.
Implement kendo ListBox in Angular.
Double click on a row.
No event is emitted.
In Kendo Angular Timeline Component, there are two orientations. One vertical and one horizontal. In the vertical orientation, there is a the feature onToggle to collapse and expand the timeline section. However in horizontal orientation I don't see such a feature. Is it possible to implement it for horizontal state as well?
I don't want to see all the details in horizontal, only the title and the date is needed. Only when the user expand that I want them to see the details.
Hi Team,
I am currently binding the Timeline component to an array of a custom type. Currently, the only option to display any of the custom properties is to map them to already existing properties of the TimelineEvent interface using the modelFields property.
I would like to request the addition of a designated property in the TimelineEvent interface that references the original data item and allows me to display its properties similar to the SchedulerEvent interface:
When a map has many markers close to each other, they should be grouped to improve visibility and keep the map organized.
Similar to the jQuery feature request - https://feedback.telerik.com/kendo-jquery-ui/1358908-marker-clustering-support-on-kendo-ui-map
When virtual is true for a multiselect and checkboxes are set to true, there is a bug which results in multiple items being selected.
To reproduce, one needs to scroll down a long list of items. The amount to scroll seems random but might have something to do with the itemHeight setting. When clicking directly inside the checkbox, two items are selected at once - the item selected, and one other seemingly random item. This does not happen if the click selection event happens inside the item, but not the checkbox.
I have reproduced this inside this code sandbox: https://codesandbox.io/p/sandbox/mystifying-shirley-2qxn32
https://stackblitz.com/edit/angular-mqywpa?file=src%2Fapp%2Fupload.component.ts
When using kendoTooltip directive on the upload component - tooltips are positioned in invalid position somewhere on the app.
cancel, delete, retry tooltips.
Currently, this functionality requires additional code, such as the example below:
Documentation reference:
https://www.telerik.com/kendo-angular-ui/components/popup/closing#on-document-click-or-escape
@ViewChild("anchor", { read: ElementRef }) public anchor: ElementRef;
@ViewChild("popup", { read: ElementRef }) public popup: ElementRef;
@HostListener("document:keydown", ["$event"])
public keydown(event: KeyboardEvent): void {
if (event.code === "Escape") {
this.closePopup();
}
}
@HostListener("document:click", ["$event"])
public documentClick(event: KeyboardEvent): void {
if (!this.contains(event.target)) {
this. closePopup();
}
}
private contains(target: EventTarget): boolean {
return (
this.anchor.nativeElement.contains(target) ||
(this.popup ? this.popup.nativeElement.contains(target) : false)
);
}Thank you for considering this enhancement.
Kind regards,
Herman Fransen