Telerik Forums
KendoReact Forum
1 answer
43 views

I am in the process of trying to convert an older Kendo UI for jQuery app to Kendo React and a feature that we had was being able to maintain a window components aspect ratio. 

We were doing this by using the resizing direction along with the before/after to adjust the height/width accordingly while resizing.

Looking at KendoReact, it seems to be using WindowMoveEvent which does not have this, and I don't see it available in the nativeEvent either.

Does anyone know if this might be accessible anywhere that I may be overlooking, or have any input on how I can get the resize direction?

Konstantin Dikov
Telerik team
 answered on 07 Jun 2024
1 answer
32 views

On kendo-react-layout: 7.3.0:

Drawer items are tab-navigable, but will not trigger the onSelect callback when the Enter button is pressed.  I could not find any documentation in https://www.telerik.com/kendo-react-ui/components/layout/drawer/ or in https://www.telerik.com/kendo-react-ui/components/layout/drawer/accessibility/wai-aria-support/ denoting how to enable or implement this functionality, which would be required for Section 508 compliance.

Ideally, this would be functional out-of-the-box, and would not require a workaround such as implementing our own global event-handlers.

Please let me know how we should go about implementing this functionality, or when a fix has been released (or if a fix has already been released).

Silviya
Telerik team
 answered on 06 Jun 2024
1 answer
53 views

I'm trying to figure out how I can persist column widths and ordering such that I can restore them.

My grid consists of a semi-dynamic set of columns defined with <GridColumn ... /> objects, with a variety of different settings in each column.

I can access the width/ordering on the onColumnReorder and onColumnResize events, and it's easy enough to extract and save this to localStorage, but how do I apply those values to the grid before it renders?

I've seen the example which creates columns using the array map() function, and this means defining the columns in code rather than declaratively in the JSX.  I'd really like to avoid doing this if I can, especially considering my column set changes from one (application-level) mode to another.

If I can get the width/order from localStorage and then iteratively restore width/order in the existing grid columns, this would be significantly cleaner to effect.

Suggestions?

 

Konstantin Dikov
Telerik team
 answered on 04 Jun 2024
1 answer
32 views

I'm using the funnel chart type and need to allow users to click on the legend to show / hide data points within the chart.  This works fine if I do not handle the onLegendItemClick event as the chart takes care of this functionality itself.

The issue is I need to pass which of the data points are visible to a related chart.  When I handle the event the built in functionality is lost, does anyone know how I can replicate this in code so I can pass the selections to another component?

 

TIA

Filip
Telerik team
 answered on 03 Jun 2024
1 answer
35 views
Hello, could you please help me find a way to keep the grid rows collapsed by default when a page loads ? I have been trying for 2 days to find a way a to do it and I still cannot. 
Konstantin Dikov
Telerik team
 answered on 29 May 2024
1 answer
38 views
When reordering the grid columns, Is there a way to prevent dropping of any grid column on a locked grid column header cell. Also, Is there a way to change the visual indicator while drag and drop on the locked columns to show prohibited symbol instead of plus symbol?
Plamen
Telerik team
 answered on 28 May 2024
1 answer
26 views

Hello All,

 

I am using treelist component of kendo react, in that treelist i wnated to allow resizing only for some specific columns but not for all the columns is this possible ?

 

Thanks in Advance..!

Filip
Telerik team
 answered on 27 May 2024
0 answers
46 views

I have a grid with columnmenu set to "GridColumnMenuCheckboxFilter". I need to change the CSS of the filter icon based on the open/expanded state of the filter menu. 

I found examples of changing the CSS of the filter icon based on the active state of the filter. But here my requirement is to solely consider the open and close state of the filter menu,

What do I have to do?

 

Update 1: I tried using onExpandChange prop on GridColumnMenuCheckboxFilter. But it doesn't get triggered when expanded property is set.

My filter looks similar to the below screenshot

Update 2: onExpandChange gets triggered only when expanded property is not set to true and filter column menu is clicked which opens the filter box(2 clicks needed). I need the expanded property to be true. Is there any way to get hold of the expand/collapse state of the filter?

Anusha
Top achievements
Rank 1
 updated question on 25 May 2024
1 answer
57 views

Greetings,

Is there a way to update the content of the "Edit Recurring Item" dialog and disable/remove the "Edit current occurrence" option from Scheduler?

Please see the attached screenshot, thanks!

Filip
Telerik team
 answered on 21 May 2024
0 answers
27 views

https://stackblitz.com/run/?file=app%2Fmain.jsx 

I am using this type of code with a donut chart, but I want to change the animation effect. Please suggest how to change the animation effect in this donut chart and I have one more question: how can I modify this donut chart in this type of img 

Tejas
Top achievements
Rank 2
Iron
Iron
Iron
 asked on 21 May 2024
Narrow your results
Selected tags
Tags
+? more
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?