Is it possible to add the grab icon when hovering over  (cursor: grab;) a Column Header and the grabbing icon when reordering (cursor: grabbing;)  like it is done for the reordering of the tile layout?

https://www.telerik.com/kendo-react-ui/components/layout/tilelayout/tiles/#toc-reordering

It looks like it would need .k-cursor-grabbing added when moving and .k-cursor-grab when hovering. 

The issue I had with applying the cursor:grab and cursor:grabbable to the active .k-header is that while you are dragging a column on top of another column, you lose the grabbing icon and you get the open hand because you are hovering over another column. EVEN though you haven't dropped the column yet.

Hi Team,

According to the Kendo React documentation, when the width of a grid column is set to undefined (and any such columns are AFTER columns that have defined set widths), that column (or set of any such columns) should take up the remaining space in the grid and resize as the grid is resized.  This is working correctly when the grid is initially rendered. 

However after this initial rendering we allow the user to manually resize the grid column (which also works correctly) and then we have a sort of "reset" action which sets the grid column's width back to undefined (with the expectation that the grid column would revert back to the original behavior of taking up the remaining space in the grid and resize proportionally as the grid is resized).

It is this resetting of the grid column's width back to undefined that is not properly re-rendering.

Is this a known issue?  We are working with version 4.3 of the Kendo React grids but are looking to upgrade to 4.7 soon; would it happen to be fixed in 4.7?

Thanks in advanced.

Jacob Yeh

Hi Team, 

I have a ComboBox that and my use case is that when a user types into it, it will send a request to a server to get the search results and set the data, for the user to then select. So a server filter, kind of.

The problem is that onFilterChange is triggered on each keypress which in turn sends a request to the server each time. I would like to debounce the request to the server until the user has stopped typing, but I cannot find a debounce function that works. I know how to use useEffect and useRef, but the refVarialbe.current doesnt update on filterChange, only on value change. Which is not my use-case.

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

Has anyone had any success with this?

Please advise.

Thanks,
Grant

Hi,

I was looking into the OData example (TypeScript with Hooks) of the Grid (https://www.telerik.com/kendo-react-ui/components/grid/data-operations/odata-server-operations/) and I noticed that the typing is invalid. In "products-loader.tsx" the callback function has only the products array as argument, but when that function is called later on, it has a "data" and a "total" property.

When you then add some code in the "dataReceived" function in "main.tsx" (for example iterating the products"), you'll get errors since the data coming from the "products-loader" isn't an array of products, but an object with "data" and "total".

Could you look into that (and maybe provide a correctly typed example here)?

I have one normal button trying to implement customized upload button  when click import button one popup should be opened to select file ones file selected should be saved in share path and need to validate each cell and add in db table .

Kindly suggest any solution for customized upload button

<button id='btnImport' className='k-button k-button k-button-Blue'> {" "} Import{" "}      </button>

We are Using Kendoreact Editable Grid which have Gridcolumn like Name in grid

<GridColumn
                                    field='Name'
                                    title='Name'
                                    width='150px;'
                                    filter='text'
                                    editor='text'
                                    className='k-grid-textbox'

</GridColumn>

how to validation each cell on entering should not be more than 100 letters and show error in same cell inside grid.

I also tried checking for cell and onblur which is not working and getting error in existing flow. Please help how to validate grid cell when entering and show  error message in same cell.

Hi Team,

We are using Grid control.

When grid is enabled with x-axis and y-axis scroll bar. if user try to move the x-axis scroll bar to the end (right side), then grid column alignment issue is raising. Please refer to the attached screenshot.

kindly suggest us any fix or workaround for this issue.

Hello !

I'd like to know if it was possible to have more than the 24th hour in a day on the scheduler component.

My day would start at 03h00 and finish at 27h00. I dont want the 25,26 and 27hours on the next day, I need it on the same day (though to explain).

A day still long 24hours but if it starts at 5 it would end at 29.

I dont know if it's clear enough ;)

Thanks for replies !!

Cyril.

When the cellRender function is called from Kendo Grid, are we able to access the ref on the tdElement that is passed as a parameter? I seem to be getting null when trying to access ref. I had thought we are able to access ref on any Kendo component.

I am trying to access the ref because I would like to check if the textContent is overflowing and show a tooltip if it is. I was able to get this done by cloning the tdElement and passing in a custom ref but trying to see if there is a simpler way. Thank you! 

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

Hello,

With NumericTextBox  : Max and  Min don't work wih spinners display to false or true

FormatOptions attribute don't work too !!!

See your website directly :

https://www.telerik.com/kendo-react-ui/components/inputs/numerictextbox/formats/

Do you know how resolve this issue ?

I can use MaskedTextBox or a simple Input but I would like use NumericTextBox !

Cyril REILER