I have one column that contains mix of boolean and string values. When I attempt to apply a filter function to that column, it generates an error for the boolean value true because indexOf cannot be performed on a boolean. When I have other formats along with strings and I use filter="text", I would like the value to be converted to string in the filter function rather than modifying the data on my end before calling the filter function, because that would actually be incorrect data.
Example
https://www.telerik.com/kendo-react-ui/components/grid/filtering/
If I change
<Column field="Discontinued" width="190px" filter="boolean" />
to
<Column field="Discontinued" width="190px" />
and then search for anything in that filter it throws error.
Maybe if you make the `filter="text"` always convert the all the values to string values that would help resolve the error
Add NavigationPane to the PdfViewer similar to the one available in the PdfViewer from the Telerik UI for WPF suit:
https://docs.telerik.com/devtools/wpf/controls/radpdfviewer/default-ui
Title basically says it all. Issue can be easily observed in the basic Multiselect with virtualization example:
What seems strange is that I cannot reproduce this issue with the combobox virtualization, although I found a somewhat similar bug submitted for the combobox - https://github.com/telerik/kendo-react/issues/1450
Environment (OS, Application, Versions)
Repro Steps
Actual Results
The 'context menu' controls available on the column headers under the basic usage table are not accessible using the keyboard.
Expected Results
The 'context menu' controls available on the column headers under the basic usage table should be accessible using the keyboard.
Hii,
We've certain background activities happening in our web app based on types, and we want to acknowledge user that these activities are completed. so for that we need to group all that same category notifications into one notification and on that notification, we'll have one view all button, so if you click on that it will open all those notifications for that category and also, we can close that as well from there.
right now, we've used standalone single notification to prompt user but since now we want groupable notification, can you provide working example that how can we achieve this using Kendo Notifications. I've attaching sample design so you can get it better.
first image depicts one notification that combines all notifications that falls under it and second is expanding state when you can click on view All.
As per the subject, you can no longer use the Calendar to select a date in a month before the currently selected Date. Please see the following demo:
https://stackblitz.com/edit/react-xc2oxm-wgsfhy?file=app%2Fmain.tsx
Steps to reproduce:
This error is not observed if you:
We aren't certain but don't believe this error was present before the latest Chrome 113 update. The error is reproducible in all versions of KendoReact from 5.2.0 onwards.
At the moment, in order to see the suggestion list display you need to enter at least one-character prefix. It would be useful to have an API property that would allow passing an integer value to configure the length which would make the list appear. For example, if you set the value to 3, you would get no suggestions until you entered a three-character prefix. On the other hand, if the value was set to 0, a click on the selector would be enough to see all of them.
Best regards
Wojciech WÄ…s
In one of the latest versions of Flat Color Picker "format" property has been added to enable customizing the default input field that is presented to users, before it was always RGB. However, I found that the value that appears as an argument in "onChange" method is still RGB, no matter which format has been chosen.
For example:
const [color, setColor] = useState("000000");
const setColorFromPicker = useCallback(
(event: FlatColorPickerChangeEvent) => console.log(event.value),
[],
);
return (<FlatColorPicker
value={color}
format="hex"
onChange={onChange}
/>
The value presented in the log will be "rgb(0, 0, 0, 0)" despite the format being set to "hex".
It would be very useful to have this configurable as well. I can see three possible solutions:
Best regards
Wojciech WÄ…s
I would like to add two tables side by side in Telerik Editor two tables side-by-side like I would in google docs for ex:
Using a ComboBox with suggest=true, it will suggest values using a case-insensitive comparison; however, when tabbing out of the combobox, it will only select the suggested value if the value typed so far matches exactly.
Using the example from the KendoReact documentation, if I typed 'Aus' then it will suggest Austria, and if I tab out, Austria is selected. If I type 'aus' it will also suggest Austria, but when I tab out, nothing is selected.
Looking at ComboBox.tsx in the source code, it seems like this hard-coded true on line 471 is preventing this behavior:
const valueIndex = getItemIndexByText(data, text, textField, true);
Is there any way to make it select the suggested value on blur even if the cases don't match? Note that this is the default behavior of the Angular ComboBox.
Hi,
I'm in need of the dropdown feature in spreadsheet cells. I had been using the Kendo Spreadsheet React Wrapper which had the dropdown feature but since the latest update to Kendo React Spreadsheet I have been facing issues. Please try to get this feature as soon as possible and I'm sure this will be helpful for other users, too.
Thank you.
Hi.
The Calendar component does not allow for selecting multiple dates or range selection. Only single selection of dates is possible.
As implemented in the MultiViewCalendar component, it should be possible out of the box to add a "mode" attribute and set it to "multiple" or "range". This would make the two components more consistent and aligned.
Thanks,
Regards,
Bernd
Hi,
I am in need of a min-map control like https://react-leaflet.js.org/docs/example-react-control/. And would like to make it using the existing control. There doesn't appear to be any examples of a similar usecase for Map control. (unsure how dynamically set the bounds, center or zoom of the Map control via other page controls, e.g zoom appears to be an init prop only)
Could someone write up a simple example for me please of an inset mini map for navigation like the react-leaflet example above?
Thanks,
Allen