Problem

The Treelist expandable cells are indented for each level. When a name is too long, however, the indentation and spacing are difficult to read and throw off the grid's design (Codesandbox link):

Solution

We don't frequently run into this issue, and we've now got a common component for this cell redesign, but it would be nice if it worked like this out of the box:

• Utilize padding on the cell instead of empty icon boxes (screenshot of DOM below) ==> this would prevent the text overflow from falling onto the next line as the padding will force the overflow text to stay indented by a certain amount. This would fix the design of the Stacey Lynnwoodhaven text and the Meredithanalynn Parrish text

 

Thank you,

Janki

Feature Request

Currently, KendoReact TreeList doesn't offer a built-in way to achieve selection behavior where selecting a parent node automatically selects all its children, and vice versa (deselecting all children deselects the parent). This feature would be highly beneficial for use cases involving hierarchical data structures where managing parent-child selection is crucial.

Proposal

Introduce a new option for the selectable prop, potentially named propagateSelection or recursiveSelection (similar to applyCheckIndeterminate provided in the TreeView component ). When set to true, it activates the desired behavior where selecting a parent selects all children, and deselecting all children deselects the parent.

Related GitHub item - https://github.com/telerik/kendo-react/issues/2174 

I think this would be a great feature to have out-of-the-box, and hopefully it's something easy to add from your end. UX-wise, it's really difficult to wrap your head around a non-alphabetized list, especially when the list is used for the special purpose of filtering -- you now have to filter down the list before you can filter the grid itself, which adds more overhead for the user.

I understand that Excel is not the end-all and be-all, but Excel also sorts it by default:

 

Full discussion can be found here - https://www.telerik.com/forums/how-to-make-gridcolumnmenucheckboxfilter-be-alphabetical-order

The GridHelper is defined in a separate file, and this is the way we can use it - https://www.telerik.com/kendo-react-ui/components/grid/getting-started/gridhelper/

 

However, I prefer if it is exported from the Grid package, and is maintained from there.

It would be beneficial if the TreeList had the option to render a detail row out of the box via a prop as it is for the Grid.

To enhance UX, it should be better that when the user clicks between the label and the checkbox/radiobutton, it actionnates the checkbox/radiobutton.

Today this is how a radiobutton is structured. 

An improvement would be to nest the input inside the label, so it does what i said above, eg. :

 <label>
 <input type="checkbox" id="myCheckbox" name="myCheckbox">
 Click me to toggle the checkbox
 </label>

This would greatly enhance UX and is very common in web development.

Currently, the TimePicker and DateTimePicker do not have the toggleButton property. This prop is present for the DatePicker but it should also be present for the rest of the dateinput component to keep the API consistent.

The DateInput spinners default to changing the first section of the date, which in my case would be the month. However, my users are going to want to change the day unless they have selected a date part like the year. I would appreciate a way to specify which date part the spinners should control if no part of the input is selected?

I use the DatePicker extensively in our application as people are entering in weather data. They often want to change the date by a day or two, so they find it annoying to open up the whole calendar to go back a single day. I think that the ideal UX would be to have the equivalent of the Spin Buttons on the DatePicker that exist on the DateInput. So, there would be the calendar for the date picker and the spinners so users can choose what works best for them.

Currently, hovering the draghandle shows the title "Drag". Instead, it should show the current value of the Slider.

With the current implementation, this is only possible by rendering a ToolTip component and customizing it:

• https://stackblitz.com/edit/react-j6cpvq?file=app%2Fmain.jsx

A component that allows you to upload and display powerpoint files.

A component that allows you to upload word files and display them.

This feels like an obvious requirement, but maybe I'm missing something. We're using the Upload component allowing users to upload files to be later referenced and accessed. Would it be possible to add configuration options to display a download icon and hook up an onDownload handler, next to each uploaded file, like it currently does for the "remove" operation? I appreciate you can create a custom UI for the whole component, but then we lose the built-in functionality.    

Thank you.

It would be beneficial if the TreeList could display children,  for example, in this demo, if I search for Anika Vega, I would like the tree to return Daryl Sweeney and all the children nodes of Anika:

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

The TaskBoardChangeEvent needs to have additional fields in the onChange event such as column index and previousColumn index.

in the provided video, an example of the unordered list has been taken up. But the same is applicable to the numbered list as well.

When a user tries to add a new point to an unordered list in a new line and then clicks the backspace, the unordered list remains. Pressing 'Enter' to start a new line shows the unordered list bullet points again.

Can we update it so that on   Pressing backspace to remove the unordered/ordered list should delete it entirely and should not leave any highlighting in the description box editor field.

 

video : https://www.loom.com/share/480debbe4f2648339ecb80cd9b6ed853?sid=3914f5dc-f477-4afd-a55d-df4a26603da7   

please go through video where i have provided , example of current behavior and expected behavior 

I want to have smooth color transitions just like the ArcGauge component - https://www.telerik.com/kendo-react-ui/components/gauges/arcgauge/

When it switches between colors, a transition animation on the color is applied and this is visible in the above demo.

Ticket ID: 1643539

The current implementation of the MultiSelectTree component doesn't provide the option to define a custom header and footer inside its popup.

Providing the mentioned properties will keep the consistency among the different DropDown components as the discussed options are available in other DropDown components like the:

• DropDownList - https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/custom-rendering/#toc-headers-and-footers 
• MultiSelect - https://www.telerik.com/kendo-react-ui/components/dropdowns/multiselect/custom-rendering/#toc-headers-and-footers 

Currently, if we don't have focusable elements in the Dialog, the focus is not trapped in the component and the user can interact with other elements on the page. It would be beneficial if the Dialog component trapped focus within itself even if no focusable elements are present.

It would be great if we could render a custom template for the Gantt task types (summary etc..) This way we could add text