Request:

- provide a boolean property "virtualScrolling" on component GridColumnMenuCheckboxFilter which allows rendering a large list of filter options without delay

Discussion:

- https://www.telerik.com/forums/gridcolumnmenucheckboxfilter-virtual-scrolling

Use case:

- there are a lot of options to filter already in memory

- the filter dropdown has to open quickly (it opens slowly now, because there are so many options)

- after opening, the user sees a huge list (i.e. a long scrollbar)

- so he starts making the list of options smaller using the search input

Here's a screenshot with 100 options. 

 

Alternatives:

From a developer point of view I think a scrollable filter is the most convenient way to handle the problem.

An alternative would be to provide a handler whenever the user selects a combobox in the GridColumnMenuCheckboxFilter. Then we could cut the number of options after a threshold and an option / combobox labelled "show more". When this is clicked, the filter options are re-rendered, the lists gets longer - and the user will get annoyed and will making the list of options smaller using the search input.

An other alternative would be to have a possiblity to force the user right away to use the search box. Instead of showing the list of checkboxes a text would be shown: "1258 options. Please refine your search input." But this would be a more invasive option.

Add parseFormats option to the KendoReact DateInputs (DateInput, DatePicker, DateTimePicker etc).

The option is expected to work as the parseFormats one available in Kendo UI:

https://docs.telerik.com/kendo-ui/api/javascript/ui/datepicker/configuration/parseformats

I am looking for added support for multi drag and drop and the ability to select multiple days as this is available in the jquery version:

https://demos.telerik.com/kendo-ui/scheduler/event-selection

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.

Add an option to select multiple items in the DropDownTree with checkboxes.

This has to be similar to what we have in Kendo UI for jQuery:

https://demos.telerik.com/kendo-ui/dropdowntree/checkboxes

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.