I've noticed in your other products, the dropdownlists have a property that allows for grouping sets of data. 

What would it take to get that included in Kendo UI React?

We have a use case that this would be very helpful.

Thanks.

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.

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'))

Currently the GridColumn Component only supports width property.  It should also support minWidth and maxWidth properties for better responsive design.  https://www.telerik.com/kendo-react-ui/components/grid/api/GridColumnProps/

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.

When adding an item (or editing an item) - it would be great to have the ability to customise the UI - for the dialog box.

This is for a component being included in a Dynamics365 view - using the PowerApps Component Framework.

Even if we had a 'double click' event - and then I could re-direct to the specific page/entity for editing.

For now - the 'default' dialog for edit doesn't work for what we need...

Within the jQuery samples, there is a way to have the MonthView for Scheduler to have 'adaptive' height.

https://demos.telerik.com/kendo-ui/scheduler/adaptive-slot-height

Is this available for the <MonthView> part of the REACT components ?   How would this work ??     [adaptiveSlotHeight=true] isn't valid... 

The same issue exists for the 'autoeventheight' - is this planned for the REACT component/s ??

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

Our old application uses ASP.NET MVC Scheduler component which has GroupHeaderTemplate features to customize header rendering and add customization for following two functional features.

We are migrating applications to React. It seems like React Scheduler does not support GroupHeaderTemplate. We need the following two capabilities on custom rendering:

1. Customize rendering of resource group header & cell for vertical orientation of groups.

2. In the case of multiple groups, need the ability to make groups collapsible/hierarchical (like tree view nodes)

Need Terlik's guidance to achieve these two customizations on Kendo React Scheduler.

Hi Team,

     I am looking for PickList  / duallist component but I am not getting it on kendo UI

   Through this list we can move items from one list to another and vice versa.

    Using buttons ,left,right,rightAll,LeftAll,Up,Down etc    like  "react-dual-list"  component

   In addition to that i want drag and drop feature to be enabled between the list

 Can someone please help me to fine such component on Kendo UI

This support ticket is a feature request for a React version of the DropDownTree component: https://demos.telerik.com/kendo-ui/dropdowntree/index

For now I've hacked together something using a span styled like the collapsed DropDownTree, a React Popup and a React TreeView.  It would be great if this control could be adapted for React and added to the dropdowns package.  Unless there is an easy way to accomplish this using the React Dropdown and the React Treeview?

Add render prop for the SplitButton.

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

Hi Guys,

In GridProps for KendoReact Grid there is an error in the type information:

Found here: https://www.telerik.com/kendo-react-ui/components/grid/api/GridProps/#toc-rowrender

In the GridProps.d.ts file it is:

    /**
     * Fires when a row is about to be rendered. Overrides the default appearance of the row.
     */
    rowRender?: (row: React.ReactElement<HTMLTableRowElement>, props: GridRowProps) => React.ReactNode;

This should be changed to:

rowRender?: (row: React.ReactElement<React.HtmlProps<HTMLTableRowElement>>, props: GridRowProps) => React.ReactNode;

Note that the React.ReactElement definition is:

    interface ReactElement<P = any, T extends string | JSXElementConstructor<any> = string | JSXElementConstructor<any>> {
        type: T;
        props: P;
        key: Key | null;
    }

So the first type parameter should be the props typ.

I noted this while making use of it. After changing it it behaves sensibly. Worked around in my case by using 'as any' to void the type clash.

Cheers,

Stuart

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

When using the Editor tools from https://www.telerik.com/kendo-react-ui/components/editor/tools/, the hyperlink option is disabled until I type AND select the typed text in the editor. Because the hyperlink allows for a title and a link, I believe it should not be disabled.

Also, when adding the hyperlink and title, the title does not appear in the editor

For example:
I have an empty editor with no text.

I cannot click the hyperlink option - it is disabled. (Bug 1)

I type 'hey' into the editor and highlight it (select it).

I can now click on the hyperlink option.
I type in 'http://imstilloscar.com' for the Web Address.

I type in 'Oscar' for the title. (It does not matter if I click open in new window or not).

Click Insert.

The title 'Oscar' does not appear in the editor. (Bug 2)

The editor still contains the word 'hey' and links you to 'http://imstilloscar.com'