Telerik Forums
KendoReact Forum
1 answer
22 views
Hey Team!
I use a grid. I will describe a simplified example of my task. 
If you scroll up the grid and press button 20, scrollIntoView will scroll through the grid so that the row under index 20 will be at the top of the visible grid list. This behavior is expected. But if I scroll to the bottom of the grid and press button 20, I need the row under index 20 to be at the bottom of the displayed list. How to achieve this behavior?

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

Thanks!
Filip
Telerik team
 answered on 25 Aug 2025
2 answers
25 views
Hello.

I'm using the grid with grouping version 11. I don't set the column widths. A question about the lockGroups property. If you do not use it, the width of the header and grid columns is the same, and the name of the dimension is displayed in one row (example 1).

If you add lockGroups, the width of the header and grid columns does not match and each word of the group name is moved to a separate line (example 2). 

If you add width to the columns, then the columns begin to match, except for the last one, but this does not help the names of the groups.

By adding the lockGroups property, how can I save the display of the original grid, where everything matches (as example 1)?

example 1:
https://stackblitz.com/edit/react-qjv8cnyt?file=app%2Fmain.tsx,app%2Fapp.tsx

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

Thank you!
Andrei
Top achievements
Rank 2
Iron
Iron
 answered on 19 Aug 2025
0 answers
30 views

Hi Kendo React team,

I’m using the Kendo React DatePicker with dateInput and clearButton={true}.

Here’s the behavior I’m seeing:

  • Initial state: The input shows the floating label (Date Start) and the placeholder (dd.MM.yyyy.).

  • When a value is selected: The date is shown correctly in the input.

  • After pressing the clear button: The input shows only the placeholder (dd.MM.yyyy.), but the floating label does not reset to the initial state.

What I would like instead is that when the clear button is clicked, datePicker should return to the exact same initial state.

I’ve attached a screenshot showing the three states (initial, selected, and after clear) for clarity.

Version is: @progress/kendo-react-dateinputs: "9.3.1"

Thanks!

Sanja Tolo
Top achievements
Rank 1
Iron
Iron
 updated question on 18 Aug 2025
0 answers
17 views
how do i obtain git credentials for the source code? I tried the instructions but my Telerik account email and password didn't work (I entered my Telerik email and pass into the git credential manager popup):

$ git clone https://kendo.git.progress.com/kendo-react-private.git
Cloning into 'kendo-react-private'...
fatal: Authentication failed for 'https://kendo.git.progress.com/kendo-react-private.git/'
Luis Lopez
Top achievements
Rank 1
 asked on 14 Aug 2025
1 answer
14 views

Hi,

 

Please see the example - https://codesandbox.io/p/sandbox/silly-wind-tpfg8n

When column "Unit Price" is locked, while moving the horizontal scroll bar, the group header is sticky (expected behavior), but the group footer is not sticky (wrong behavior).

 

Thanks,

Jie 

Filip
Telerik team
 updated answer on 14 Aug 2025
1 answer
9 views

Hi,

 

`GridCellsSettings.group.groupHeader` only works when set in <Grid />, doesn't work if set in <Column />.

This works:

<Grid cells={{ group: { groupHeader: GroupMyHeaderCustomCell } }} >

This doesn't work:

<Grid>
    <Column
        cells={{
            group: { groupHeader: GroupMyHeaderCustomCell }
        }}
    />
</Grid>

Can you please explain the difference?

 

Thanks,

Jie

Vessy
Telerik team
 answered on 11 Aug 2025
1 answer
23 views

Hi All,

I'm Kamal Hinduja, was born in Chennai (India) and now resides in Geneva, Switzerland(Swiss). Can anybody explain how to apply a custom

theme to all Kendo React components?

Thanks, Regards

Kamal Hinduja Geneva, Switzerland

 

 

Alexander
Telerik team
 answered on 11 Aug 2025
1 answer
14 views
I noticed that Label component has styling based on if it is inside any kendo component, including not only layout components but Form component as well. If placed outside any of them it lacks some font styling.
Even on documentation page here body element has added k-body class in order to add proper consistent styling.
What is proper use of Label component to have consistent styling across app? I'm not using kendo layouts on every page is there a non invasive layout i can add just to apply proper styling?
Alexander
Telerik team
 answered on 04 Aug 2025
1 answer
33 views
We are trying to update our React web app's Content Security Policy header to include default-src 'self'. This results in the web app failing, stating that the @progress/kendo-font-icons/dist/index.css style sheet refused to load. In other forum questions, similar issues have gotten the response to add 'unsafe-inline' or 'unsafe-eval' to the CSP configuration. This is a highly unsafe practice that would bring us out of compliance with our computer security service.

Is there any way to get Kendo stylesheets to work with CSP configurations without using unsafe-inline or unsafe-eval?

Vessy
Telerik team
 answered on 01 Aug 2025
1 answer
21 views

Title: How to Restrict Checkbox Selection to Only Checkbox Click in Kendo Grid Row Selection?

Description:

I am using the Kendo React Data Grid with row selection enabled via a checkbox column. My goal is to select a row only when the checkbox itself is clicked, not when any other part of the row is clicked.

However, currently, when I click anywhere in the row (e.g., the staff name), the checkbox also gets selected. This creates a problem in my use case — clicking the staff name navigates to the staff profile, but it also toggles the checkbox, which is unintended.

What I need:

I want the checkbox to be selected only when the checkbox is clicked, and not when clicking anywhere else in the row.

What I've tried:

  • I am using

    selectable={{
                            enabled: true,
                            mode: 'multiple',
                            drag: false,
                            cell: false,
                            checkboxOnly: true
                        }}

    but the issue still occurs.

  • I have a custom cell rendering for the name column that navigates on click.

Screenshot:

Uploaded image

Question:

How can I configure the Kendo Grid so that:

  • Checkbox selection is triggered only by clicking the checkbox.

  • Clicking on any other cell (especially with navigation) does not toggle checkbox selection?

Thanks in advance!

Alexander
Telerik team
 answered on 29 Jul 2025
Narrow your results
Selected tags
Tags
+? more
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Andrey
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Ambisoft
Top achievements
Rank 2
Iron
Pascal
Top achievements
Rank 2
Iron
Matthew
Top achievements
Rank 1
Sergii
Top achievements
Rank 1
Andrey
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?