Add render function/prop for the ColorPicker popup.

This will allow rendering custom elements inside the ColorPicker Popup.

Add the virtualization feature to the ListView component.

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

 

Hi, 

How do I create a multi-row cell in footer? I have attached a screenshot as reference. Thank you

Is it possible to have a multirange support in the RangeSlider like the following (https://zillow.github.io/react-slider/):

It could be helpful to get multi range values using only one component. Easier for the developer to manage the data and for the user to select it.

 

 

 

Hi,

 

I am using Kendo react richtext editor and insert image plugin as it is shown in this page

https://www.telerik.com/kendo-react-ui/components/editor/images/

 

I am able to insert/upload image, but not able to resize image after adding it, similar to MS word.

After inserting image it should be resizable, so that user can easily resize the image as required.

 

Please let me know how can I achieve image resizing through mouse in above example.

 

Thanks
Vikram E

Displaying additional information like User Email, Department, etc. in a Tooltip when the user mouse is over on any Resource from Scheduler Dashboard and also to display more information (like User Name, Flag image, some other additional fields) in the Resources.

Hi Team,

 

We are trying to implement infinite scrolling for server data to our combobox based on virtual.

Do you have any event in combobox to handle on scroll.

 

Please help us with any examples you have on this topic. preferably using hooks.

Highlight particular category when its bar is selected

Similar to how a series is highlighted when clicked, the category can also be highlighted when the bar/column on that category is clicked.

WHAT:
Add custom cell rendering option for MultiColumnComboBoxColumn. Just like the 'cell' in GridColumnProps.

Can the Kendo UI Multiselect possibly select the "active" item when tab is pressed? It currently does this for the enter key.

 

We are building a Typescript Create React App application, and we would really like to be able to allow our users to type a partial entry and then allow tab to complete the selection and move on to the next input.

 

I tried to make it have this behavior but it became a fairly large mess and seems like it could be facilitated in the source code with less mess.

Even possibly just exposing access to more events would make it easier, like an onKeyDown, but that would still require some additional code to figure out what the current active item is.

Currently using these below, not sure what "Version" below in this form those belong to so I just guessed:

It would be nice if the ButtonGroup component could be styled so that it is vertical.

Add a maxlength property to the NumericTextBox that limits the length of the user input, like the HTML input maxlength attribute: https://www.w3schools.com/tags/att_input_maxlength.asp 

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".

https://demos.telerik.com/kendo-ui/dropdownlist/index

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.

Set the default width of the MultiColumnComboBox columns based on the input width.

In order to position the Popup of the MultiColumnComboBox correctly, we need each column to have fixed width.

Currently, we are setting the default width to 200px for each column that has not width set from the options.

We can add a second option to take the width of the input, subtract the width of the columns with fixed width and divide the remaining space between the other columns.

Hi,

 

The Kendo React Form Handle Submit event provides complete data over all fields, even the unchanged ones. While this is good for traditional submits, we are building upon a REST service that has HTTP patch support,  wherein we intend to submit only those fields (properties) that have changed. 

While a deep compare with initialValues and handleSubmit data property is possible, we were wondering if the Kendo Form component itself has some property Or method that allows us to get the changed values only.  This will save us the deep compare efforts, time and issues, especially with forms that have hundreds of fields.   

If Kendo library has some deep compare method available, please do include that as well.

Kindly advise.

 

 

I'm using SeriesLine to render a border line on the area chart. Solid lines work just fine, but I can't figure out how to apply dashed lines.

What I want to achieve is something like:




What I have so far:




I just want to apply a dashed line on the the gray chart area.


The solid lines are applied using the following prop:
<ChartSeriesItem line={ style: 'smooth', color: '#888888', width: 2 } />

Hi,

 

When a table overflows from one page to another, I have not been able to find a way to ensure the table header and the next row stay together.

 

I am looking to use the keepTogether property to achieve this, but as this takes in a CSS selector, I am unable to set one that encompasses both the 'thead' and first 'tr' within the 'tbody'. In other cases I can achieve this by wrapping with a 'div', but due to it being a table there is no suitable element that can group these together. Is there a solution to this problem?

 

As a result the table can split on the first row, which also causes the table widths to be different (as shown below).