With the ArcGauge component, when you set the rangeLineCap to something other than 'butt' (ie:  round or square), the indicator does not line up with the tick lines.  This leads to misleading values.  Please look at this StackBlitz:

 

https://stackblitz.com/edit/react-itztql

 

This will show the comparison between round and butt rangeLineCaps. 

From the screenshot as well, the ArcGauge on the right looks like the value is greater than 0, resulting in the user being mislead on the result.

The KendoReact Tooltip component only displays tooltips on hover (the showTooltip method is called on the onMouseOver and onMouseLeave events). It would be ideal if the showTooltip method was also called on the onFocus event as well, making the user experience the same for keyboard-only users.

Most other UI libraries treat hover/focus the same for consistency and accessibility.

Bootstrap requires it:
https://getbootstrap.com/docs/4.1/components/tooltips/#making-tooltips-work-for-keyboard-and-assistive-technology-users

Material UI allows you to disable focus interaction, but the default is that focus is handled the same as hover:
https://material-ui.com/api/tooltip/#props

 

It will be very useful if we can get the new component for IPV4/IPV6 input fields. Especially networking related products, I see lot of use cases.

Is there any prop so that I can trigger another event on press of cancel button on KendoCalender.

Add render prop for the SplitButton.

This will allow changing the main button and also the button that opens the DropDownList.

I'd really like a KeepIt prop on https://www.telerik.com/kendo-react-ui/components/conversationalui/api/Action/ so that the action stays even when someone is typing or there is another message below it.

The use case would be a link to a Order # for example that they could go back to and click.

https://www.telerik.com/kendo-react-ui/components/conversationalui/suggested-actions/

Example of how this works with react-native-gifted-chat:

https://github.com/FaridSafi/react-native-gifted-chat#message-object

Hi,

 

We have requirement of date picker display quarters view . please see the below example

 

http://jsfiddle.net/4mwk0d5L/1/

 

Regards,

Susanta

I need to not restrain the window, in the element that was contained in the code.

Just like it was possible in the jQuery version (https://docs.telerik.com/kendo-ui/api/javascript/ui/window/configuration/draggable.containment),

this feature is a must.

 

Otherwise, I am being forced to keep my Window on the "top level" element, just so that I can have it not be constrained in the nested element... 

The problem with this, is that the Window looks totally out of place, if I need more windows, I will need them all there and it's logic is not clear. The are many issues with that approach...

 

Please provide a temporary workaround if possible, thanks!

Allow the floating labels to be placed over the input even if the value is null - empty.

Material UI have such property, and adding it to KendoReact will increase its compatibility with the Material UI components.

While export and save PDF are extremely useful features that Kendo React UI provides. 

I would like to have option to generate Password protected PDF. 

Add on Add and onRemove events for the MultiSelect.

Also, the onChange event may receive additional parameters instead:

1) Action - Add or Remove

2) DataItem - It will contain the selected or the  deselected item

Return the entire dataItem in the AutoComplete onChange event, similar to the DropDownList.

Hey

Small question: it is exists some approach to make Tabs in TabStrip reordable ?

 

Best

Serge

add multiple rows drag&drop support to kendo react grid, please!

In Kendo for jquery you can set a ColorPicker to have a clearButton which sets the color to null, but there is no prop for this in react. How can this be accomplished? 

We are implementing the application level zooming.

When user changes the zoom level from "100%" to , say, "200%",

all the components on the web page rerender proportionally bigger.

 

And we need to zoom the DatePicker react component as well.

We tried to use unofficial "zoom" CSS style property

https://developer.mozilla.org/en-US/docs/Web/CSS/zoom

and "scale" CSS function, but that does not give a good solution.

https://developer.mozilla.org/en-US/docs/Web/CSS/transform-function/scale()

 

If that takes time, please advise an approach how we can achieve zooming of the DatePicker/DateInput react component.

So far only interested in zooming of the DateInput and calendar toggle button (not popup Calendar itself).

 PanelBarUtils.mapItemsToComponents to set all parents as expanded when a child item has expanded true.

This is helpful as in some case the panel bar items represent a path and if an inner element is selected/expanded this means that the full path (all parent items) have to be expanded as well.

Hi,

How to set the default operator of a second date filter which is different from first,

I have attached the screenshot for two different operator i need in case of date filter.

Hi,

 

Good day!

 

Thanks for this wonderful library - we actually have a paid license in using ReactKendo.

Just a concern, because right now we are using TypeScript for us to improve our code quality but most of the Components in KendoReact is using any and not even allowing to pass a generic type.

 

Like for example in using KendoGrid - the data has `any` property so when rowClick is triggered, it returns `any` data type for `dataItem`

 

So what I did was, I wrapped the KendoGrid Component that would allow Type-Safety and override the `onRowClick` and any other functions that involve sending `dataItem` property.

 

Thanks!

 

Best Regards,

Lee