Telerik Forums
KendoReact Forum
1 answer
20 views
Which version must one download to get all the translations for these languages "en-US", "fr-CA", "de-DE", and "zh-CN"?

We seem to be missing translations in Canadian French "fr-CA" for "Sort Ascending", "Sort Descending", "And", and "Or".
Wissam
Telerik team
 answered on 23 Apr 2024
1 answer
42 views

Hello,

we have a use case where our actions column are hidden in grid because they are extra actions and there can be a lot of them, so we decided that we want to show them only when you hover over a row and show actions for that specific row. One of these actions is Menu where the parent is icon with vertical dots. When we hover over it shows menu items correctly, but when we hover one of the items the row loses hover and actions get hidden again even tho the popup is still open. 

The problem is because the popup opens in a portal outside of root, and it is separated from the grid altogether.

Here is simple reproducible issue demo with parent dissapearing when hover over menu items: Demo of the issue

Ideally we would like the row and actions to stay open in grid on that specific row and only close when we leave row and popup.
We tried implementing openPopupOnClick prop but it was worse user experience and still issue with hover after the first time.

Thank you for your help!

Konstantin Dikov
Telerik team
 answered on 06 Oct 2023
2 answers
213 views

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?

 

SoH
Top achievements
Rank 1
Iron
Veteran
Iron
 answered on 11 Aug 2023
1 answer
60 views
When a grid is having more columns which can't be fit in a single screen (Zoom 100%) and requires Horizontal scroll bar then Tabbing through columns using tab key which are not fully visible and hidden behind the row menu area is not working.
Vessy
Telerik team
 answered on 21 Jun 2023
1 answer
126 views
Good evening everyone,

I'm trying to copy the values from the Grid row using the ContextMenu. It works on Kendo's default cells, but it's not working on customized cells.
I made an example and, in it, you can see that it's not possible to get the value (check the console) if you right-click and click Copy. It will return:
{dataItem: undefined, field: undefined}
While in default cells it returns the value normally:
{dataItem: Object, field: "ProductName"}

Furthermore, the 'onContextMenu' in <td/> is presenting an error in TypeScript

Type '(event: MouseEvent<HTMLElement, MouseEvent>, dataItem: any, field?: string) => void' is not assignable to type 'MouseEventHandler<HTMLTableDataCellElement>'

 

Follow the code
brave-leftpad-tt12no - CodeSandbox

Konstantin Dikov
Telerik team
 answered on 09 May 2023
2 answers
100 views

i was testing the Column menu filter function. and noticed that for the dates specifically the dropdown menu for isEquals to does not return the date choosen even if it exist. i tried for a date after and before as well incase of time storing error like midnight but that wasn't it. However the "is Before and Equals to" and the "is After and Equals to" work for getting the equals date. 

is this a known issue or a bug? can i specifically remove that option from the drop down or make it not default is so how?

Krissy
Telerik team
 answered on 10 Jun 2021
1 answer
524 views

Hi,

We were using kendo react grid with column menus  enabled.

Column menu pops up when user clicks the icon (three dots) at the end of each column. We want the functionality of popup column menu on header click instead sorting [current default functionality]. 

It would be help us if you provide working example or ways to achieve it.

Thanks,

 

Stefan
Telerik team
 answered on 02 Jun 2021
1 answer
445 views

Hey, 

i am using react and the program does not use Jquery. i want to achieve this:

https://stackblitz.com/edit/react-pew4cw?file=app/main.jsx

A way to clear all active filters from a single button above the grid. but while this example works with droplist. ive tried to apply it wo GridColumnMenuFilter and its CheckBox filter. such that the examples (eg, custom component or checkbox) below would have a clear button above the grid that clears filters.

https://www.telerik.com/kendo-react-ui/components/grid/columns/column-menu/

i've also tried to apply the FilterBy using the clear in js but am certain i am implementing that properly. shown in image. i can make use if th eis active to style it so far.

 

 

Stefan
Telerik team
 answered on 19 May 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Patrick
Top achievements
Rank 1
Iron
Iron
Iron
MIS
Top achievements
Rank 1
Ross
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Iron
Iron
Sean
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Patrick
Top achievements
Rank 1
Iron
Iron
Iron
MIS
Top achievements
Rank 1
Ross
Top achievements
Rank 1
Marcin
Top achievements
Rank 1
Iron
Iron
Sean
Top achievements
Rank 2
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?