Telerik Forums
KendoReact Forum
0 answers
74 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
97 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
75 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
109 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
61 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
99 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
136 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
1 answer
298 views
We came up with a technique that allows us to use almost any SVG icon pack. 

We needed 'AI & ML' icons and flaticons_com had them under the premium license.

Our team has been spending way too much time trying to get external icon sets working with Kend React components so we did what made sense.

Please look over answer, this what we came up with.  Here is the screenshot of the demo included.  It uses different icon-packs "iconFamily' switching from color to black etc...



Tom
CleverFox
Top achievements
Rank 1
Iron
 updated question on 27 Jul 2025
1 answer
99 views

Hi Kendo Team,

I'm currently working with the KendoReact Gantt Chart and would like to customize how many dates are visible in the chart for different views (Yearly, Monthly, Weekly). Specifically, I want to control the time span shown for each view — for example:

  • In Yearly view, show 5 years instead of the default range

  • In Monthly view, limit the chart to show only 6 months at a time

  • In Weekly view, show just 4 weeks of data

Is there a recommended way to configure the visible date range or scale for each view mode?

Any guidance or code example would be greatly appreciated!

Thanks

Alexander
Telerik team
 answered on 25 Jul 2025
0 answers
134 views

We are trying to activate the Kendo UI license as part of our CI/CD pipeline but are facing issues executing the npx kendo-ui-license activate command in our environment.

Environment Details:

  • We are using Microsoft OneBranch CI/CD pipeline templates.

  • Our NPM dependencies (including @progress packages) are hosted in a private Azure Artifacts registry.

Issue:

When we attempt to run the following command in the pipeline:

npx kendo-ui-license activate

we receive the following error:

Client network socket disconnected before secure TLS connection was established

This appears to be due to the agent’s inability to establish a secure connection to the required endpoint(s), possibly related to Telerik's license validation server.

Request:

  • Could you please guide us on how to properly activate the Kendo UI license in a CI/CD environment that cannot execute the above command due to network restrictions?

  • Is there a supported method to pre-activate the license locally and provide the license file (e.g., .kendo-ui-license.json) in the pipeline instead?

  • If so, could you confirm whether copying the license file to the appropriate location (e.g., ~/.kendo-ui-license.json) is sufficient for the build to proceed without executing the activation command?

We would appreciate your assistance in identifying a secure and compliant way to use our licensed packages in our automated build process.

Thank you,
Milin Hapani

Milin
Top achievements
Rank 1
 asked on 22 Jul 2025
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
Styling / Themes
DatePicker
Editor
TreeList
Styling
PDF Processing
ComboBox
Excel Export
Dialog
Input
TreeView
Upload
Drawer
Button
Drag and Drop
MultiSelect
Tooltip
Accessibility
NumericTextBox
Checkbox
Menu
Gantt
DateTimePicker
PDF Viewer
Popup
Window
AutoComplete
DateInput
Sortable
Data Query
TabStrip
Drawing
Licensing
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
PivotGrid
Card
DropDownButton
TaskBoard
Conversational UI 
DateRangePicker
Splitter
Badge 
Security
Slider
Spreadsheet
ContextMenu
MultiViewCalendar
Stepper
MultiColumnComboBox
MultiSelectTree
TextBox
AppBar
File Saver
ListView
MaskedTextBox
RadioButton
Switch
TextArea
Toolbar
DropDownTree
TileLayout
Map
Avatar
Date Math
Gauge
RadioGroup
RangeSlider
Rating
Loader
ExpansionPanel
SvgIcon
Typography
ProgressBar
ScrollView
Popover
StockChart
RadialGauge
Server Components
AIPrompt
Page Templates / Building Blocks
AI Coding Assistant
Chat
ColorGradient
ColorPalette
ColorPicker
Notification
Ripple
Skeleton
ButtonGroup
Chip
ChipList
FloatingActionButton
SplitButton
ActionSheet
Barcode
QR Code
FlatColorPicker
Signature
BottomNavigation
BreadCrumb
StackLayout
Timeline
ListBox
ChunkProgressBar
Sparkline
FileManager
ArcGauge
CircularGauge
LinearGauge
ExternalDropZone
OrgChart
Sankey
VS Code Extension
InlineAIPrompt
SpeechToTextButton
Chart Wizard
Agentic UI Generator
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Top users last month
Miljana
Top achievements
Rank 2
Iron
Iron
Joel
Top achievements
Rank 3
Bronze
Bronze
Bronze
Cynthia
Top achievements
Rank 1
John
Top achievements
Rank 1
Iron
Mozart
Top achievements
Rank 1
Iron
Veteran
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?