New
Last Updated: 15 Mar 2019 15:24 by Fabio
Created by: Fabio
Comments: 0
Type: Feature Request
1

I would like to request the data-query package support filtering on OData collections using lamdba functions. Given a Collection with the existing operators, the filter string outputted by `toODataString` should be OData v4 compliant.

 

Example: Project is a collection. A user filters to see all General projects which outputs { field: 'Project', operator: 'eq', value: 'General' }.

 

Recommendation: Supply another key that dictates the lamdba operator and property field to use.

{ field: 'Project', operator: 'eq', value: 'General', lambda: 'any', collectionField: 'Name' } -> $filter=Project/any(x:x/Name eq 'General')

 

The above can work with inner functions like contains.

{ { field: 'Project', operator: 'contains', value: 'gen', ignoreCase: true, lambda: 'any', collectionField: 'Name' } -> $filter=Project/any(x:contains(tolower(x/Name),'gen'))

Approved
Last Updated: 13 Mar 2019 09:38 by ADMIN
Created by: Rogelio
Comments: 1
Type: Feature Request
0

Currently, ComboBox generates a UUID and uses it as the input tag's id property (e.g. <input id="2e048165-6468-46c0-ba39-c47b12c7fcf2" />).

 

As a developer, I want to be able to set my own custom id so that I can set my own label tag as a sibling to the ComboBox component.

 

For example, I would like this to be possible:

<label for="hello">Hello World</label>
<ComboBox id="hello" />

 

There is a label prop offered on ComboBox which works fine but it does not let me specify the label tag with custom class names, styling, etc.

 

This new id prop should be optional and ComboBox can keep using the same technique it does when no id prop is passed to it.

 

Approved
Last Updated: 06 Mar 2019 08:03 by ADMIN
Created by: Ajay
Comments: 0
Type: Feature Request
2
When the available space for the menu go under specific width the menu should be hidden and a hamburger style button should be shown to access the menu.
Approved
Last Updated: 05 Mar 2019 08:10 by ADMIN
Created by: Ricky
Comments: 0
Type: Feature Request
1
Request for a GroupHeaderTemplate for the Grid.

Currently, the only approach is to loop the data and set the desired text as a field value.
Approved
Last Updated: 05 Mar 2019 06:32 by ADMIN
Created by: Ram
Comments: 0
Type: Bug Report
0
Calendar picker Template displays wrong year range when you click on a certain year.

Steps to Reproduce:

1) Open https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/ in the Chrome browser

2) Click on the calendar icon, click on 'month/Year' in the calendar header e.g. March 2019

 
3) Click on the 'Year' in the calendar header i.e. 2019

4) further Click on the Year Range i.e 2010-2019

5) Year range will display from 2000 - 2090, Select year 2010

Wrong Year range (2090 - 2099) will display when clicked on 2010.

This is working properly in the Firefox browser and I observed the issue in Chrome.
New
Last Updated: 04 Mar 2019 06:22 by Vasilii
Created by: Vasilii
Comments: 0
Type: Feature Request
3
Provide the same property for the React version: https://www.telerik.com/kendo-angular-ui/components/dropdowns/dropdownlist/disabled-items/
Declined
Last Updated: 04 Mar 2019 09:04 by ADMIN
Right now there is no way that I found to create a row that displays the totals without grouping the data. I have had to create a separate table and hide the columns to simulate this feature. 
Approved
Last Updated: 22 Feb 2019 07:48 by ADMIN
Created by: Arun
Comments: 1
Type: Feature Request
2

Hi, is there a way i can customize the paging options style? The default is we have the page selection on the left, number of Items per page selection in the middle and the total records info on the right. I would like to just reverse it. I tried a display flex on the container and a flex-direction: reverse but it reverses the paging icons also. Please advise.

A custom render method for the paging component or a wrapper around the paging buttons would be ideal so as to do a flex-reverse to play around with the styles.

 

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

New
Last Updated: 20 Feb 2019 06:59 by Ram

Typing 111 in DatePicker results in skipping the day part. The third 1 is set to the year portion.

It is reproduced in our demo as well: 

https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/

Approved
Last Updated: 19 Feb 2019 07:09 by ADMIN
Create a function callback for the Upload saveUrl.
This will allow for more flexibility when making requests.
Under Review
Last Updated: 19 Mar 2019 21:09 by Jose
Does KendoReact support ReactNative? if yes send me a sample ReactNative app link which contains KendoReact Components.
Declined
Last Updated: 18 Feb 2019 12:57 by ADMIN
this.state = {
sort:[
{field:'Date',dir:'desc'}
],

};

<Grid

sortable={true}
sort={this.state.sort}
onSortChange={(e)=>{
this.setState({
sort:e.sort
});

}}

<Column field="Date"filter="date"format="{0:d}"/>

In this way,the date will be sorting with Month, How can I sorting start with year instead of month

Approved
Last Updated: 28 Jan 2019 12:52 by Courtney
Created by: Courtney
Comments: 2
Type: Feature Request
1

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

 

Declined
Last Updated: 18 Feb 2019 12:57 by ADMIN
Created by: Jason
Comments: 1
Type: Feature Request
3

I discovered a lack of parity between the React and Angular implementations of the TabStrip/TabStripTab components. Specifically, in the React version the "title" prop determines the contents inside the resulting <k-link> CSS class, whereas the Angular version allows you to set a template, for more complex tab header components.

This became an issue for me, because we have overridden the CSS for a custom progress tracker component built on the tab strip in an Angular implementation. I am now tasked with replicating the component in React, but had to resort to my own TabStrip/TabStripTab classes, instead of being able to use your components. (My goal is to be able to use the existing CSS, maintained by our UX team, out of the box.)

Hope that made sense. Feel free to contact me if it's not clear what I'm asking for, or if there is already a solution to this. Thanks!

 

React version:

 

Angular Version:

 

 

Approved
Last Updated: 29 Jan 2019 09:48 by ADMIN

I want to make a request to add the autoClose property to manage KendoReactMultiSelect control.

Here is an example of code with several MultiSelect controls on the same page without the autoClose property:

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

You can clearly see that the autoClose property will be really useful.

Thanks.

Approved
Last Updated: 18 Feb 2019 13:12 by ADMIN
Created by: Justin
Comments: 1
Type: Feature Request
5

It would be great to have a TreeList component similar in appearance and behavior to the jQuery TreeList (https://demos.telerik.com/kendo-ui/treelist/index), but with the kind of support for virtual scrolling built into the native KendoReact Grid component.

A React wrapper exists for the jQuery TreeList, but it still doesn't play nicely with React, and in any case only supports paging for displaying large data sets, which is inherently not intuitive for displaying tree structures where parent / child hierarchies might span multiple pages.

My sense is this native component would basically be the Grid, but with support for hierarchical data, including drag-and-drop re-ordering of parent / child relationships.

Thanks for considering this feature.

Declined
Last Updated: 18 Feb 2019 13:13 by ADMIN

Like in the jQuery counterpart, when I click on a cell to edit the value - I should be able to tab over to the next cell to edit it.

 

Declined
Last Updated: 14 Jan 2019 06:31 by ADMIN

We are evaluating the React Grid component for our application and need to be able to have rows that span all columns.  To do this, I have created a rowRender function that, for some rows, will render a single <td> element with the colspan set to 100%.  The row renders fine, but the other rows, that have multiple <td> elements do not all render correctly.  For my test application, they will render with a width of 8 pxs.  On resize of a column, they will almost render correctly.

Here are some pictures of the issue in our test code.

https://drive.google.com/open?id=1bMwlUi7-7QiVHc6lubPiz45svHG1FSnS

I have created a sandbox that sort of reproduces the bug. https://codesandbox.io/s/w73v0x0mz8

If you select the "Show Full Row", the row with Id 999 will convert to a single <td> element with colspan='100%'.  You will notice how after doing so, the last three columns collapse to a small number of pixels.

 

Thanks

Joe

Declined
Last Updated: 19 Feb 2019 12:19 by ADMIN

If you create a react grid without any GridColumn components and then add those components later, the added columns do not show and the grid is empty.  It appears, after a quick look that the columns have a width of 0 pixels.  They exist in the html, just not displayed.

 

See https://codesandbox.io/s/mmr894nllp as an example of the problem.  This example starts with a populated grid.  You can add columns and data using the buttons above the grid.  This works fine.  If you then "Reset" the grid with the button, which removes all data, any attempt to add columns and data will show a blank grid.

 

Thanks,

Joe

Approved
Last Updated: 18 Feb 2019 13:15 by ADMIN
Add ability to set attributes to the Grid header cell via prop. For example the title attribute.
They can be set as with key value.
1 2 3