Hi.

I have setup an example app with a Splitter component that devides the screen between a TreeView and a DataGrid component and setup a drag&drop scenario wher I am able to drag grid rows into the tree to add tree branches.

https://stackblitz.com/edit/vitejs-vite-k3wgr5?file=src%2FApp.tsx

If I want to use the drag handles in the Datagrid to drag a grid row onto the TreeView, the row vanishes under the left side of the Splitter window but I want to keep it visible when I drag it over the tree. I already had a similar issue a while ago and tried to use the same solution but it doesn't seem to work.

Can you help me out and show me how to keep the row visible while dragging it over the tree on the left?

Thanks,

Greetings,

Bernd

I am using a Kendo Drawer, and I am facing two issues. Firstly, when I place a

 <DrawerContent>{props.children}</DrawerContent>

component and have children inside it, the content doesn't scroll properly. Secondly, I'm unsure how to consistently display a footer on all pages when using a Kendo Drawer.

Hi Team,

Please can you explain what the difference is between `onClick` and `onClickAction` in the SchedulerEditItemProps. I read the docs and am still unclear which I should be using or when. Why are there 2 functions? What does each one achieve? Under what circumstances should I override `onClick` or`onClickAction`?

Thanks,
Grant

Hi,

Please see this example https://codesandbox.io/s/admiring-torvalds-fcs5rr. 

When Grid virtualization is enabled. Clicking a row gives a wrong row in onSelectionChange callback. I tried a workaround to add skip to startRowIndex in onSelectionChange callback:

This works fine as long as there is no grouping. If I group a column, such as 'Category Name', after scrolling down and clicking a row, the console shows the wrong row being selected. Any suggestions?

Thanks,

Jie

Please provide a solution on how to change theme colors beyond just light and dark modes. I am using Sass and style components, but I would like to implement the ability to select and change multiple colors within a theme. I am also utilizing the Kendo ThemeBuilder to create a custom theme."

If you're looking to implement a theme color change functionality using Sass and style components in conjunction with the Kendo ThemeBuilder, you might want to explore the documentation or resources specific to those tools for detailed guidance on how to achieve your

Hi,

Is there any example about Kendo grid grouping with ODdata ?

I couldn't find example on documentations.

Thanks.

Hello, 

I am trying to style and size the sort arrow icon that Kendo provides in the react data grid. I have attached a picture of the specific arrow I am talking about. I have managed to change the color of the sort icon with the CSS below, howerver I have not figured out how to change the sizing of the arrow here. If possible, I would also like to adjust the icon shape (make it thicker and shorter), and maybe use a custom icon for it if possible. Can you advise me on some possible solutions I could implement? Thank you. 

I have added a custom column menu to my kendo grid. It has a dropdown list element, where users can choose an option and the grid data is filtered. This all works successfully.

I have one issue. When the user clicks on the Filter or Clear Button, the column menu does not disappear. Clicking outside the column menu does not hide the column menu.

I have to click on the column menu again to focus it, then when I click outside the column menu, it disappears.

I cannot get access to the div 'k-grid-columnmenu-popup', as this is controlled by kendo and does not appear in my column menu component.

Has anyone come up against this problem and solved it?

"Currently, I am using a drawer, but the issue is that the content inside the drawer is not responsive. I am attempting to create a wrapper for the content within the page, but I'm encountering difficulties with the CSS not functioning as expected. Could you kindly suggest an appropriate method for designing a responsive page?

========================================================================================

 "I am currently using a wrapper for sharing my code, for example."<wrapper direction="column">

<row>

<div> my page code </div>

<row>

</wrapper>

==============================================================================================

import React, { ReactNode } from "react";