Add the ability to customize the Filter component elements.

For example:

1) Customize the fields' DropDownList.

2) Customize the Add expression button. It could be used to open a Dialog with a list of expressions.

Create the KendoReact Media Player component.

Similar to the Kendo UI for jQuery component:

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

We like to have an option on the component to overlap: true/false where the user can add appointments when the appointment overlaps with a previous, the user will see a message warning him of conflict data and time when he tries to Save on Add/Edit

I would like to request a new Kendo React Grid column editing option so that users can navigate editable columns using the keyboard. This feature should be similar to "navigatable" option from Kendo jQuery grid example - https://demos.telerik.com/kendo-ui/grid/editing

Thanks.

Currently, the onLegendItemHover can be used to detect mouseover event on a legend item.

Suggest adding an event mirroring the mouseout event.

 

Kendo UI for jQuery implements this

https://docs.telerik.com/kendo-ui/api/javascript/dataviz/ui/chart/events/legenditemleave

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

Hello,

I would like to make a general feedback after visiting KendoReact website for the first time. I'll expose a lot of wrongs, but keep in mind my goal is to give you insight for improvement, not to bash.

Context : I'm currently curating React UI frameworks for a new long term project within my company. I am a senior software architect seeking some general feelings about a the product (reliability and performance for example) but also very specific : easy layout management and very accomplished components such as Select.

 

Navigation

The documentation website ( https://www.telerik.com/kendo-react-ui/components ) is extraordinarily slow, this is very inconvenient when you're browsing to discover what the kit has to offer.

Accessing sub-section actually change the page, requiring a full reload, which again, is so slow I don't want to click on it. Seriously.
Take https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/ for example, to discover all the features, I have to trigger several page load. This is not gonna happen ; I'll leave this. I did leave this. It's the most wanted component for me in my research. I left.

Content

The documentation pages does not expose the available properties of the component, I have to visit every sublink and read every source to find out. This is not ok either. I'm looking for a framework to save time, and this is starting to seriously leech my time.

The source code of the given examples are real. I can copy paste into an empty file, and it will work. This is the good side of the coin. The bad side of the coin is it takes me an, abnormal amount of time to see how the component is structured. That's the only thing that interest me on the first look. If I want deeper understanding and knowledge, yes please provide with a link to stackblitz or whatever so I can play with it, but first I want to see what it looks like.

You use unconventional naming. Look around in the js world, how people call stuff :

A form select is a select, not a dropdown. Within your dropdown menu item you have multi-select but you have to find it first !
A grid is a css grid, not a DataTable.
You have in your menu : Forms, Dropdown Select, Inputs, Upload. All of that is Form. How am I supposed to know if I've seen all form features if everything is spread around ? You also have Chart, Gauge and Drawing.
PanelBar ? Never heard of it. Accordion ? That's my boy.

You also present features that don't belong here, like Excel Export or PDF Processing whereas some basic information are missing such as "does it work well with TypeScript ?" : https://www.telerik.com/kendo-react-ui/knowledge-base/?search=typescript .

 

Features

You have a lot of components, some are very accomplished (i.e. TreeList) and others are quite average, such as Select. Check this competitor component : https://blueprintjs.com/docs/#select. Real world usages. Maybe you can achieve the very same thing with KendoReact, but even if true, I feel you don't understand what I need.

Too few UI framework care about layouts, KendoReact unfortunately is no exception. Layout is not just a box next to another. Layout is ordering content and filtering content depending on the device, it's putting some text over an image, it's making a row of three blocks and make sure they have the same height regardless of their content, it's having a page section that is exactly the size of the visitor's screen ; UIKit is very good at this ( https://getuikit.com/docs/height ). But it's also Special States : empty state ( https://material.io/design/communication/empty-states.html#content ) or result state ( https://ant.design/components/result/ )

 

My overall feeling is the product is disconnected from the environment and dev culture I'm working in.

Hi,

 

The new KendoReact Drawer component looks amazing and works like a charm. It would be great if it supported sub-items similar to the PanelBar component. Having sub-items would simplify the development of sidebar navigation with KendoReact.

 

<PanelBarItem title={'About'} route="/about">
    <PanelBarItem title={'Team'} route="/about/team" />
</PanelBarItem>

Regards,

Basel 

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

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,

  we have a feature request as per description, value isn't changed when manually entering numbers in the field, it only changes when selecting a presented date. When manually entering date, value remains null so reset is actually changing null to null, not the entered value to null. Your colleague mentioned that the feature of exposing mask to be controlled would make it possible to clear the mask.
Please refer to this github issue for more detailed information, containing stackblitz example and gifs of an user case, as it was an ongoing discussion.
Please implement an option to properly reset partially entered dates.

https://github.com/telerik/kendo-react/issues/368

In the case of multiple columns headers, the column width of the KendoReact  TreeList  is invalid

 

 

When can I release the Spreadsheet in Kendo UI for React,not Wrapper

Add render prop for the SplitButton.

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

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?

Is there any prop so that I can trigger another event on press of cancel button on KendoCalender.

Existing implementation of Scheduler component has a very limited customization support. To cover some real use-cases we need:

1. Conditionally hide Scheduler Header and Footer. This is possible with CSS, but still makes sense to have props for that.
2. Customize tooltip content when hovering on the event. Currently tooltip is a one line text, but adding support of a larger popups on hover would allow to show additional info associated with that event. Please consider adding a prop to pass custom component for tooltip/popup rendering (similar to how Custom cells work in Kendo Grid)
3. Customize event component. Is there a way to have multiline text in the event component? Currently it is way to limited to show custom content e.g. adding custom icons is impossible.
4. All events in the same group have a same color when displaying. Please consider adding individual color support for each event. This would help to support error states for events.
5. Custom onDelete/onDoubleClick handlers. We would like to have custom implementation of Delete confirmation and Edit form.

Please advise on how to overcome those limitations as a short term solution and consider adding more Scheduler customization abilities to your Roadmap.

Example of highly configurable Scheduler/Timeline component:  https://js.devexpress.com/Demos/WidgetsGallery/Demo/Scheduler/Timelines/React/Light/

Please add an Encoded Prop to the GridColumn for KendoReact that works like the "encoded" property on columns in the jQuery version to allow us to pass unencoded Html to the cells of our KendoReact Grids. Thanks so much for any assistance in this matter!

Hello,

I have two Menus and I need to customize their popups differently. Can I specify somehow Menu Popup id or className?

As I can see Popup component has className property, but it is hard-coded in MenuItemInternal.prototype.getPopupClassName and neither Menu nor MenuItem classes are used in popup.

Any suggestions?

Thanks.