We currently use grouping in the Kendo Grid, however the groups are always sorted alphabetically by the name of the group.
In our case, we want the groups to be sorted another way: an order value that corresponds to the group name.
To do this, it would be good if we could specify a comparison function, and have it take a object we provide (a map between the group name and order value).
We currently work around this by prepending a character to the group name to have it sort correctly (see screenshot). As you can see, it's not very appealing.
We are using @firstname.lastname@example.org
I would like know how can we customize the TimePicker of the DateTime picker?
We can perform the customization of calendar as guided by the link below.
My question is how can I customize the Time Picker of the Datetime Picker since I can't find the time picker relevant props from the DateTimePickerProps?
Please allow the Switch component to accept a title prop so that the Tooltip component can be used with Switch. Switch doesn't really support long labels, or labels at all in some themes, so it would be nice to be able to use Tooltip component with Switch component.
Dear Support Team,
I have numbers of kendo charts in my app, but I need to modify the boder-radius for the tooltip of my donut chart.
I've checked, with the browser, the existence of a couple of CSS classes I can work on, but they are generic and they work for all the charts in the app:
.k-sparkline-tooltip-wrapper>.k-popup, .k-chart-tooltip-wrapper>.k-popup (classes for the ChartTooltip component: for this I can ad an ID)
Inside this component the Kendo library creates a new component, which I can't configure any IDs on and owns the css class k-chart-tooltip k-chart-tooltip-inverse needed to override the border-radius property.
Is there a workaround or any other configuration to set the border radius for a tooltip of a single chart, without modify all other charts in my app?
In the Grid component with infinite scrolling, when a user scrolls down, the grid will bounce them back up to the first row when loading the next couple of rows. We get this same behavior in our application so it doesn't seem to be a mistake in the demo. We've encountered this issue in both version 1.x and the most recent version of Kendo.
Since this is also broken in the docs, I don't think it's necessary to add screenshots or code.
Navigating the items in the DropDownList by the first letter of the item is something that is supported by the KendoUI for jQuery DropDownList.
In this demo, you can see the behavior for the Categories field. When Categories has focus, you can type "c" and it navigates to the first "c" category "Condiments". If you type "c" a second time, it navigates to "Confections".
We have replaced some of our pages that used to use KendoUI for jQuery with React pages using Kendo React, and we are getting user complaints that this behavior is no longer supported for our drop downs.
I understand that we can use the "filter" functionality for the Kendo React DropDownList, but we would rather have the previous "first letter navigation" functionality supported by Kendo React.
I am looking for PickList / duallist component but I am not getting it on kendo UI
Through this list we can move items from one list to another and vice versa.
Using buttons ,left,right,rightAll,LeftAll,Up,Down etc like "react-dual-list" component
In addition to that i want drag and drop feature to be enabled between the list
Can someone please help me to fine such component on Kendo UI
Multi-selecting rows using the mouse selection doesn't work for React Kendo Grid.
With the kendo grid wrapper for React we were able to multi-select rows using the mouse selection in the grid bounds.
This support ticket is a feature request for a React version of the DropDownTree component: https://demos.telerik.com/kendo-ui/dropdowntree/index
For now I've hacked together something using a span styled like the collapsed DropDownTree, a React Popup and a React TreeView. It would be great if this control could be adapted for React and added to the dropdowns package. Unless there is an easy way to accomplish this using the React Dropdown and the React Treeview?
Is there any org chat component or similar components in Kendo React that is similar to the Org Chart in this link https://demos.telerik.com/aspnet-ajax/orgchart/examples/overview/defaultcs.aspx?
Thanks & Regards,
It's annoying because:
1) Every time I go to a new page or refresh my browser it comes up bright yellow
2) It blocks the search bar which I use a lot
3) The seminar is over which just annoys me more
I'm OK if you want to tell me once like a privacy notice, but don't tell me every time my web page refreshes and overwrite part of the page.
I was just running through the new features of KendoReact 2021 R2 and am very keen to start implementing.
One of my colleagues pointed out that there is an ellipses after each checkbox when using checkboxes under Grid Selection, see https://www.telerik.com/kendo-react-ui/components/grid/selection/#toc-customizing-the-selection). It sees this is the casein MS Edge and Chrome. I use Firefox, so didnt notice it.
Thanks for the new features, keep it up.