Environment (OS, Application, Versions)

Repro Steps

1. Open URL: Column Menu - Kendo React (telerik.com)
2. Navigate to context menu controls available on column headers of Basic usage table.
3. Verify if context menu is accessible using keyboard.

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.

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:

• make "format" property affect both the input and the output; that would make the scenario above produce "#000000" log;.
• create two separate properties, e.g. "inputFormat" and "outputFormat";
• include both values in the passed structure, so that e.g. I could use "event.value.hex" to get "#000000" and "event.value.rgb" to get "rgb(0, 0, 0, 0)"
  

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

The KendoReact Spreadsheet component has been released.

There are a few features that are missing compared to the jQuery version, and filtering rows based on column filters is one of them. 

Until this feature is added (along with context menus), we won't be able to use the Spreadsheet component for what we need to build, so we will have to continue wrapping the jQuery component. The object provided by the spreadsheet ref can filter programatically based on the (undocumented in KendoReact's docs) `range.filter()` method, but this would take a lot of time to implement what the jQuery version already has.

I would like to use my custom component as the chat input. Is it possible to add new prop to chat component? Similar to DatePicker's "dateInput" prop.

To Whom It May Concern,

I am requesting the Kendo team to implement a new feature of programmatically setting a Grid's page for the Kendo React Grid. 

This can be accomplished by having a listener for the Grid's state. For example, when the Grid's skip props is changed, the Grid's page will also change to the number of elements skipped.

Please consider implementing this feature.

Thank you.

Sincerely,

Andrew J. Yang

Keysight Technologies