Telerik Forums
KendoReact Forum
1 answer
17 views
What options does KendoReact provide for implementing fluid (responsive) layouts using rem units? In case when we use component where we can use only px, instead of px we want exchange to rem.
Silviya
Telerik team
 answered on 08 Apr 2025
1 answer
17 views

Hi, 

My form is going to have controlled DatePicker component. However, I could not figure out why when I defined the onChange function on the DatePicker, the form submission excluded its value. 

https://codesandbox.io/p/sandbox/cool-hofstadter-2vj2s3?file=%2Fapp%2Fapp.jsx%3A18%2C7

From the code above, Test Date 1 and Test Date 2 components are almost the same, except, Test Date 2 component has line 63, which I set its 'value' and defined 'onChange' function separately. However, form submission will not recognize Test Date 2 value. 

From pictures above, if removing 'value' and 'onChange' on line 63, you will see Result on the left, otherwise, you will receive result on the right

Vessy
Telerik team
 answered on 27 Mar 2025
0 answers
23 views

Hi,
I'm trying to change the colors of Gantt tasks based on their status, but I couldn't find anything about it in the documentation.

Is it possible?

Also, can I render a baseline for each task?

Thanks!


 
Rafael
Top achievements
Rank 1
 asked on 24 Mar 2025
1 answer
15 views

Hi , Is there  a way to change or remove highligt color of selected rows in the grid. 

Example: This is default behaviour

Is there a way to display like this.

 

I tried to overwrite with css. But no luch. Even with transparent it is not working.

.k-selected {
    background-color: white !important;
}

 

 

Thanks

Srinivas Kolla

 

 

 

 

Vessy
Telerik team
 answered on 24 Mar 2025
0 answers
18 views

Hi
Is it possible to use keepItemsMounted for panelbar when used in drawer?
When i try to use it this way, the panel bar items will not close/collapse.

I made a stackblitz to show the problem.
Any help on this would be appreciated. 

Thankyou
Neil 

https://stackblitz.com/edit/react-qsacwnyt?file=app%2Fapp.tsx

Neil
Top achievements
Rank 1
 asked on 20 Mar 2025
0 answers
37 views
Is there any method to hide the highlighted  Row and Column as shown below  and attached image as well.


Jaskaran
Top achievements
Rank 1
 asked on 19 Mar 2025
2 answers
21 views
I have a Drawer component with 3 items.

Item1 
Item2
Item3

Item1, Item2 should render insider DrawerContent

but on Item3 I want to load component that has its own routing, basicallly completily new component and new Drawer component

Kindly help.



Yanko
Telerik team
 answered on 18 Mar 2025
3 answers
37 views
Hello,
Is it possible to use the KendoReact Form component in a Dialog/Window so that a WindowActionsBar with buttons is placed at the bottom of the dialog?
At the moment, for the dialog to work correctly, it must consist of two blocks: <container/content><actions/WindowActionsBar>. In such a case, actions bar is glued to the bottom of the window.

Unfortunately, when using the KendoReact Form component, the entire form is in a single form block. The actions bar is treated as content and is not at the bottom of the screen.

Best,
Tomek 
Filip
Telerik team
 updated answer on 17 Mar 2025
1 answer
18 views

Hi Team,

Combining Chart Series with Pattern-specific rendering. The requirement was to combine/group the chart items where one will be solid and the other will be pattern-specific. I created one sample, and it's working as expected.

Working Example - https://stackblitz.com/edit/react-hxpthdxt-yevr77he?file=app%2Fapp.jsx

I created one more sample for the test. If I pass the chart component on the page itself, then it's working fine, but when the chart props are passed to the global object, then it's throwing an error. 

Failed to execute 'structuredClone' on 'Window': (e) => e.dataItem.chartColor could not be cloned.

Reference Example - https://stackblitz.com/edit/react-hxpthdxt-ufdubb7e

  • The first chart is working, and the same code is defined on the second chart, but it's still breaking,
  • And behind the chart, some additional background came up after an update of the versions.

Note - If you comment/delete the second-chart, then you can see the first-class chart render correctly.

Versions Used - 

    "@progress/kendo-react-charts": "^9.5.0",
    "react": "^16.14.0",

Please look into it as soon as possible.

Thanks,
Mahesh

Filip
Telerik team
 answered on 14 Mar 2025
1 answer
30 views
Version:
@progress/kendo-react-grid: 9.4.1

When using the nagivatable and filterable props on KendoReact's Grid component, the automatically rendered, the input elements for default filter cells are no longer in the tab order.  However, the elements for custom filter cells are in the tab order, as expected.

Please see this stackblitz demo: 
https://stackblitz.com/edit/react-ts-wzme7qjm?file=App.tsx
https://react-ts-wzme7qjm.stackblitz.io

This behavior appears to also be the case on KendoReact 10.0.0.

Is there a known work-around to ensure that the Input components for automatically rendered, default filter cells, are in the tab-order and are tab-focusable?  If not, is this a known issue, and a plan to resolve this?
Yanko
Telerik team
 answered on 14 Mar 2025
Narrow your results
Selected tags
Tags
+? more
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Anislav
Top achievements
Rank 6
Silver
Bronze
Bronze
Jianxian
Top achievements
Rank 1
Iron
Marco
Top achievements
Rank 3
Iron
Iron
Iron
Jim
Top achievements
Rank 2
Iron
Iron
Nurik
Top achievements
Rank 2
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?