Hello!
I think it will be nice to have configurable template for ComboBoxComponent input field.
something like it is possible within grid pager comes to my mind - there is a template and building blocks that we can use
For example, in our work we customize item template with
and our customers wish to see selected item as it is in the list, with icon and other customizations.
I have managed to do that by creating a directive that i put on <kendo-combobox>... and that inserts dynamically created icon component near the input, so that it looks same as in the options list.
But this is ugly and not easy maintainable, etc
Hi, Team!
Currently, I am using the Column Menu functionality of the Grid component and would like to be able to set a default value/placeholder of the input fields in the Filter section.
We face some issue with the with keyboard inputs. The current behavior is that the kendo tries to help us the dates right. For example if you have entered the 28th of February and you start to type another new date which should be the 31.12.2019 for example, after typing the first "3" the is immediately jumping to the month after hitting the first number because there is no date in February which has two digits on a day and starts with a "3". So it tries to get the dates right but the user maybe wants to replace the whole date and just want to continue writing the date.
We need a functionality that the not validate the date the way he does it right now, overtake the validation, like turn it off or anything like that?
Severity: Sev2
Environment (OS, Application, Versions):
OS: Windows11 (build 22631.3296)
Chrome Version 122.0.6261.129 (Official Build) (64-bit)
Chromium Edge Version 122.0.2365.80 (Official build) (64-bit)
AT (include version number):
NVDA Version 2023.3.4. (2023.3.4. 31265)
Jaws (Version 2024.2312.53)
Narrator (Version Win11)
Repro Steps:
1.Turn on NVDA screen reader.
2.Hit the Dropdowns Library - Overview | Kendo UI for Angular (telerik.com)
3.TAB till "AutoComplete" edit combo box and insert "C", suggestion list will expand.
4.Press down arrow key to navigate through expanded list.
5.Observe that NVDA is not announcing the available list items.
Actual Results:
NVDA is not announcing the available suggestion list items of "Auto complete" combo box when we navigate with arrow keys.
Expected Results:
NVDA should announce the available suggestion list items of "Auto complete" combo box when we navigate with arrow keys.
9991592_NVDA_KendoExternal.mp4
Hello,
In the documentation it says that sticky columns are not available while using virtual columns. It is really important for us to virtualize columns, when there's a lot of them in the grid, but also being able to use a sticky column at the same time.
Can you please consider implementing sticky columns while virtual columns are also enabled?
Best regards,
Boris
Hello,
I have encountered an issue with the MultiSelectTree component. It sometimes happens that "No data found" information is displayed, even though data is displayed just above the message.
Hi,
At present, the DropDown components do not activate their popups when focused and the spacebar is pressed. Instead, the popup opening is achieved by pressing "alt + arrowDown." However, to align with the behavior of HTML5 select elements, it would be expected that the Kendo DropDown components open their popups when the spacebar is pressed as well.
When the for attribute of the native label is set to the id of the native input (and it's wisely generating guids for those so they're unique) there is no need for the aria-labelledby to point back to the id of the label.
The only time you need that aria-labelledby pointing back to the label is on components that aren't using a native input/select/textbox element, like kendo-dropdownlist.
Remove the aria-labelledby for cases when native HTML elements are associated.
So far the ContextMenu component provides a built-in appendTo property which can be used to define the container to which the popup will be appended. But it cannot be used to set a custom container for all ContextMenu popups used in the application.
Provide a way to define a custom global container to which all ContextMenu popups will be appended. The same is provided for the Kendo UI for Angular Popup using the POPUP_CONTAINER:
https://www.telerik.com/kendo-angular-ui/components/popup/api/POPUP_CONTAINER/
https://stackblitz.com/edit/angular-nuqbre-ty383e
A property to remove all-day slot in the scheduler just like it is in jQuery (https://docs.telerik.com/kendo-ui/api/javascript/ui/scheduler/configuration/alldayslot)
Current workaround:
Add the following CSS snippet:
.hide-all-day .k-scheduler-table tr:nth-of-type(0), .k-scheduler-times-all-day, .k-scheduler-table.k-scheduler-header-all-day {
display: none;
}
Thank you.
Hi,
Add a close button to clear value just like ComboBox.
Hi,
We are in need of a lightweight timeline component. One that shows events grouped by date and/or time with the options to expend all the event if there are more then one on the same date.
A neat feature would be an action button on an event. This would greatly enhance the experience of the timeline.
We suggest something similar to this one: Clarity Design System - Documentation - Timeline
Our use case:
We have price lists that are published on x date and time.
To track a collection of price lists and events per price list chronologically, we need a timeline with (optional) actions per published event.
Kind regards,
Maikel
Provide a count aggregate for PivotGrid, just like the Grid does:
https://www.telerik.com/kendo-angular-ui/components/grid/grouping/aggregates/#toc-aggregate-types
Currently, for some reason - the buttons only exist around the "Today" button in the classic type Calendar.
It doesn't pass our UX requirements and actually looks odd - the buttons change month/year yet are around a value that never changes, on the side.
Can we get a template option or a built-in way to have these buttons around the title, like in Kendo jQuery classic Calendar?
The current headerTitleTemplate only allows changing the contents of that title button - and you can't put buttons inside buttons.
The "auto" scrolling mode of the TabStrip works fine when we resize the container or the window - i.e. the scroll buttons appear if the tabs do not fit ij the container. However, they do not appear if we add tabs dynamically and this is a bug. If we add tabs dynamically, then once the tabs dont fit in the container, the scroll biuttons should appear. Below is the example in stackblitz:
https://stackblitz.com/edit/angular-p5jc7v?file=src%2Fapp%2Ftab_content.ts,src%2Fapp%2Fapp.component.ts
I realise the real villain here is Angular change detection, but anyways...
https://stackblitz.com/edit/angular-3r25bb?file=src%2Fapp%2Fapp.component.ts
This is sort of halfway between a bug and a feature: I've noticed when i add any kind of mouse event to a tree view node template then some global change detection kicks in, and in turn this seems to cause the svg carets in treeview to be constantly regenerated e.g. open the above stackblitz and move the mouse up and down the tree - if you look in the chrome inspector elements tab and go to the <kendo-svgicon> carets you will see their child nodes ( > svg > path) glow as they are being replaced - even though the replacement nodes are no different. If you edit the data in these nodes e.g. path coords, you'll see it get replaced when the mouse is moved up/down the tree again
This doesn't seem to affect any other parts of the tree view, just the carets... is there a chance this could be looked into why this is happening, and hopefully stopped? (our ultimate reason is we're also listening to DomChange events with a mutation observer on the tree and these changes cause many DomChange events that swamp the ones we actually want.)
(Also, I have looked into changing the change detection behaviour in angular but it isn't fine-grained enough to ignore just one particular declaration of an event listener in a template - it's all big sweeping component-level changes or using renderer classes and native listeners which are unwieldy, especially when the target concerned is in a ng-template like in this instance.)
As a end user I should be capable of assigning my own accessibility attributes. right now I could see that input automatically mapping area-describedby from hint component.
Please do the needful.
As demonstrated by the example of the current version and its screenshot, the title of the legend is black when using a dark theme:
Legend - Chart - Kendo UI for Angular (telerik.com)
The rest of the text is white which leads me to believe that this is a bug. This issue is not present when using a light theme.