Unplanned
Last Updated: 26 Jul 2023 11:22 by ADMIN
Introducing expandIcon/collapseIcon or expandIconClass/collapseIconClass properties for the Grid, so that custom icons can be set
Unplanned
Last Updated: 18 Apr 2022 13:41 by ADMIN
Created by: Michael Blanchet
Comments: 1
Category: KendoReact
Type: Feature Request
1

A horizontal scroller or scroll list?  A list of items or chips can be scrolled through horizontally, either by using arrow buttons or drag.

This is a common way of accessing a long list of items on a phone - by swiping left or right on the list with your finger.

There are a couple of horizontal scroller controls available for react - but they are not complete, buggy and not supported.

Unplanned
Last Updated: 25 May 2022 11:16 by ADMIN
Created by: RainMaker
Comments: 1
Category: KendoReact
Type: Feature Request
1

We currently keep an image library for our customers where we allow them to upload images for use in the editor. Our existing implementation uses something called tinymce and MoxieManager. I see that the jQuery implementation has something similar, but it is not included in the react toolset. 

 

Can we get the ImageBrowser / FileBrowser part of the jQuery Kendo ported over to the react version?

 

I have attached an image for example.

Unplanned
Last Updated: 25 May 2022 11:17 by ADMIN
Created by: Kyle
Comments: 1
Category: KendoReact
Type: Feature Request
1

As it happens, none of the existing ways of setting icons in the Button component work with either of the icon libraries we are using, which are:

  1. Google Material Symbols, which uses ligatures to select icons rather than class names.
  2. Material Design Icons via @mdi/react and @mdi/js, which renders programmatically generated inline SVGs.  These icons technically can be downloaded as finished SVGs for use with the imageUrl property, but only a single icon at a time, which is significantly less convenient than having access to the entire library at once when using the @mdi packages.

Rather than try to separately add specific support for these (and a thousand other) icon strategies, however, you could add support for both (and a thousand others) at once by just having something like an iconJsx property.  It would accept JSX.Element, and whatever it is given gets rendered inside the span.k-button-icon.k-icon.

So you could do something like this...

<h1>How will you attack?</h1>
{/* Google Material Symbols */}
<Button iconJsx={<span className="material-symbols-outlined">local_fire_department</span>}>Fire Breath</Button>
{/* @mdi/react + @mdi/js */}
<Button iconJsx={<Icon path={mdiKabaddi} />}>Target Weak Spot</Button>
{/* A poop emoji */}
<Button iconJsx={<span role="img" aria-label="poop">💩</span>}>Bio Weapon</Button>

To get something like this...

<h1>How will you attack?</h1>
<button class="k-button k-button-md k-button-rectangle k-button-solid k-button-solid-base k-rounded-md">
  <span role="presentation" class="k-button-icon k-icon">
    <span class="material-symbols-outlined">local_fire_department</span>
  </span>
  <span class="k-button-text">Fire Breath</span>
</button>
<button class="k-button k-button-md k-button-rectangle k-button-solid k-button-solid-base k-rounded-md">
  <span role="presentation" class="k-button-icon k-icon">
    <svg viewBox="0 0 24 24">
      <path d="M11.2 10.6C12.2 11.6 13.4 12.1 14.8 12.1L14.9 14.2C13 14.2 11.3 13.5 9.8 12.1L9.1 11.4L6.8 13.8L9 15.9V21.9H7V16.7L5.7 15.5V17.7L1.5 22L.1 20.6L3.7 17L2.5 13.5C2.3 12.9 2.6 12.4 3.1 12L6.4 8.7C6.8 8.2 7.3 8 7.8 8C8.3 8 8.6 8.1 8.9 8.3L11.2 10.6M24 11.9H22V8.5L20.2 7.8L21.1 12.2L22.1 17.4L23 21.8H20.9L19.1 13.8L17 15.8V21.8H15V14.3L17.1 12.3L16.5 9.3C15.9 9.9 15.2 10.5 14.4 10.9C13.5 10.8 12.6 10.4 11.9 9.7C13.5 9.4 14.6 8.6 15.3 7.4L16.3 5.8C16.9 4.8 17.8 4.5 18.9 5L24 7.2V11.9M11.4 4.4C12.5 4.4 13.4 5.3 13.4 6.4C13.4 7.5 12.5 8.4 11.4 8.4C10.3 8.4 9.4 7.5 9.4 6.4C9.4 5.3 10.3 4.4 11.4 4.4M16.5 .3C17.6 .3 18.5 1.2 18.5 2.3C18.5 3.4 17.6 4.3 16.5 4.3C15.4 4.3 14.5 3.4 14.5 2.3C14.5 1.2 15.4 .3 16.5 .3Z" style="fill: currentcolor;"></path>
    </svg>
  </span>
  <span class="k-button-text">Target Weak Spot</span>
</button>
<button class="k-button k-button-md k-button-rectangle k-button-solid k-button-solid-base k-rounded-md">
  <span role="presentation" class="k-button-icon k-icon">
    <span role="img" aria-label="poop">💩</span>
  </span>
  <span class="k-button-text">Bio Weapon</span>
</button>

Won't Fix
Last Updated: 22 Jun 2022 21:08 by ADMIN
Created by: Tom
Comments: 6
Category: KendoReact
Type: Bug Report
1

When the listbox has many items (roughly 200 and growing) the item attribute makes the listbox act slow when you want to click the item.
Even if the item render only returns the same value as not setting the item attribute. It seems like all the items re-render when it gets clicked?

Also in this example https://www.telerik.com/kendo-react-ui/components/listbox/customization/ it is possible to drag and drop a custom item.
But this is not working when we copy exactly the same code from the example. The drag event gets triggered but nothing happens. 
Both lists have items to avoid this bug: https://github.com/telerik/kendo-react/issues/1300

I can post my source code but it is literally the same as the example. When we remove the item attribute the drag and drop works again. 

Unplanned
Last Updated: 08 Jun 2022 09:10 by ADMIN
Created by: Ting
Comments: 3
Category: KendoReact
Type: Feature Request
1

It would be useful to add the `title` prop to the `Button` and `Chip` components. So that we get extra information in the default browser tooltip or use the `Tooltip` component for a customized look.

Unplanned
Last Updated: 10 Jun 2022 09:49 by ADMIN
Created by: Ting
Comments: 1
Category: KendoReact
Type: Feature Request
1
Unplanned
Last Updated: 28 Jul 2023 11:42 by ADMIN
Created by: Jeffrey
Comments: 1
Category: KendoReact
Type: Feature Request
1

Currently, the category value in the tooltip does not display the formatted value and the only option for changing this is by using the "render" and defining custom rendering. The formatted value should be used by default.

Declined
Last Updated: 26 Jul 2023 13:52 by ADMIN
Created by: Janki
Comments: 1
Category: KendoReact
Type: Feature Request
1

Not only would I like control over the group order (like from this thread https://feedback.telerik.com/kendo-react-ui/1523636-need-to-be-able-to-have-more-control-over-the-order-of-groups-in-the-kendo-grid-sort-on-the-text-is-insufficient), it would be awesome if we could sort groups themselves.

I understand that the current set up sorts children within groups but not the groups themselves. However, sorting within and between groups is a bit more intuitive to the user when they see visually-grouped information and try to sort on it => most of our users expect the groups to get sorted as well.

Although I can write my own sorting functionality, it can get out of hand quickly with ascending/descending, numeric vs alphabetic columns, and multi-sort vs single sort, but KendoReact already has the capability to sort in these three ways with its non-grouped grid functionality.

Unplanned
Last Updated: 29 Jun 2022 10:15 by ADMIN
Created by: Ting
Comments: 1
Category: KendoReact
Type: Feature Request
1

I am trying to get the DOM element of a `Popover` via`ref`, but the returned `PopoverHandle` does not expose an `element` prop. (https://www.telerik.com/kendo-react-ui/components/tooltip/api/PopoverHandle/)

Please can you keep the all component handle API consistent by always exposing the underlaying DOM element?

Unplanned
Last Updated: 04 Apr 2024 11:22 by ADMIN
Created by: Philip
Comments: 7
Category: KendoReact
Type: Feature Request
1

How to get a selected object for AutoComplete's onChange(...)?

<AutoComplete data={[{id:10, name:"test"}]} textField="name"/>
Unplanned
Last Updated: 07 Dec 2022 13:30 by ADMIN
Created by: Rebecca
Comments: 3
Category: KendoReact
Type: Feature Request
1

Hello,

 

is it possible to do reorder/drag and grop grid rows with the keyboard? It doesn't look this is set up but I wanted to check if it is (or if it's something you will be adding at some point).

 

https://www.telerik.com/kendo-react-ui/components/grid/rows/row-reordering/#toc-kendoreact-dragdrop

 

 

Thanks,

 

Rebecca

Unplanned
Last Updated: 06 Jul 2022 07:28 by ADMIN
Created by: Michael
Comments: 1
Category: KendoReact
Type: Feature Request
1

I would like the occurrencesInRange function from jQuery to be implemented in KendoReact.

This allows calculating collisions with recurring events onDrag or onResize.

It appears the visible elements with the dataItem are available in the SchedulerViewItemsContext props. If this context were accessible with a hook perhaps that would be enough?

 

Thanks

Unplanned
Last Updated: 11 Aug 2022 08:37 by ADMIN
Created by: Ryan
Comments: 1
Category: KendoReact
Type: Feature Request
1
The Filter component does not contain a disabled prop like most other input-related components. I'm trying to disable sections of a form page and I can disable everything, using the existing disabled prop on various input component, except for the Filter component.
Unplanned
Last Updated: 18 Aug 2022 16:17 by ADMIN

Allow the Grid to update its data without remounting the whole component, so the current selection of the filtering menu would be persisted.

We have scenarios where the data is constantly updating the filter selection is lost if the Grid is updated before pressing the `Filter` button.

 

Unplanned
Last Updated: 19 Aug 2022 07:32 by ADMIN
Created by: Kamil
Comments: 1
Category: KendoReact
Type: Feature Request
1
Hi, currently component Pager (https://www.telerik.com/kendo-react-ui/components/datatools/pager/) doesn't allow to display text before dropdown.

Pager now:

What i want to achieve:

Will you consider supporting such an option in the future? 
Unplanned
Last Updated: 09 Sep 2022 05:46 by ADMIN
Created by: Oleksandr
Comments: 1
Category: KendoReact
Type: Feature Request
1

Hi,

I would like to request a feature for the Kendo React Chart Zoomable feature to be able to set a zoom level. 
For example, an exposed API function to set graph's current zoom level to exactly 50% or 25% that I can use with a button maybe.

Currently the API only supports setting "zoom rate", but I would like a set Zoom function, so maybe I can save the current zoom level upon load of the chart again.

Thanks!

Completed
Last Updated: 23 Jan 2025 18:02 by ADMIN
Created by: David
Comments: 4
Category: KendoReact
Type: Bug Report
1

Hi,

Please see the following example of the Upload component being used to transfer a single file to a byte array:

https://stackblitz.com/edit/react-u2kbu9?file=app/main.tsx

Notice that all packages are latest including react 18 but I have not switched to the new createRoot API, and as per react documentation "Until you switch to the new API, your app will behave as if it’s running React 17" - this warning can be seen in the console window. When you upload a file, the FileReader onprogress and onload events result in the file being successfully uploaded with 100% progress. You can see current state and new state of all events in the console window.

Now please see the exact same example but switched to the new createRoot API:

https://stackblitz.com/edit/react-y8fuya?file=app%2Fmain.tsx

Notice that the warning is no longer visible in the console window. When you upload a file, the FileReader onprogress and onload events result in the file being successfully uploaded but the file progress is overwritten. You can see current state and new state of all events in the console window - the new state from the onProgress event is lost, and the new state in the onStatusChange event reports zero progress.

I believe this is because of automatic batching in React 18.

Kind regards,

David

 

Unplanned
Last Updated: 20 Oct 2022 13:41 by ADMIN
Created by: Daniel
Comments: 1
Category: KendoReact
Type: Feature Request
1

Add a disabled property to ListBox and ListboxToolbar.

Listbox

  • onItemClick should be disabled.
  • onHover should be turned off.

ListBoxToolbar

  • All tool-buttons should be disabled.
  • onToolClick should be disabled.
Unplanned
Last Updated: 24 Oct 2022 06:59 by ADMIN
Created by: kevin
Comments: 1
Category: KendoReact
Type: Feature Request
1

1) Drag a window to a tabstrip and drop the window on the tab area.
2) The window should dock into the tabstrip as extra tab.