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?
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).
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?
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
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..!
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?
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!
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