Telerik Forums
KendoReact Forum
1 answer
16 views

I'd like to be able to render links as a Dimension value where appropriate.

The Dimension display value is defined as 

displayValue: (item: any) => string

I can't use a jsx fragment here of if I attempt to return an '< a href....' it is html encoded and rendered as html.

Ideally I'd like to add a <Link component but would settle for an <a tag

Is this achievable?

Filip
Telerik team
 updated answer on 20 Oct 2025
0 answers
13 views

Hi, I use Popover for showing error messages during validation. First it renders fine, but when I switch tabs(my app has multiple tabs) callout disappears completely. Here's how I use the component:

```ts
        <Popover
            show={show}
            anchor={inputRef.current}
            position="bottom"
            contentStyle={{ padding: '0.5em', border: 'black' }}
            collision={{ horizontal: 'flip', vertical: 'flip' }}
            appendTo={container}
        >
```Screenshot attached.

Curious
Top achievements
Rank 1
 asked on 17 Oct 2025
1 answer
15 views
Hi Telerik Team,

I’ve noticed that in the PanelBar component, the element .k-link.k-selected receives the .k-focus class even when it’s clicked with the mouse.

This behavior causes a visible focus style to appear after mouse interactions.
For our design system, we’d like to preserve focus styling only when navigating via keyboard (Tab), not when clicking with the mouse.

Could you please advise if there’s a way to adjust or override this behavior without breaking the normal tab-focus functionality?

We are currently customizing Telerik React Kendo components to match our UI/UX requirements.

Thank you!

Regards,
Bohdan
Filip
Telerik team
 answered on 17 Oct 2025
1 answer
16 views
Is there a way to create a Grid component where the first column has rows that are static/hard coded. i.e. in the same way that a table in excel would work with different cells on the left hand side then values across to the right for each column?
Vessy
Telerik team
 answered on 10 Oct 2025
1 answer
28 views

Hi,

 

If GridColumnProps has { hidden: true} in it, then GridColumnState won't be able to override the `hidden` property anymore.

Please see this example:

https://codesandbox.io/p/sandbox/stoic-wildflower-wn4lzn?file=%2Fapp%2Fapp.tsx%3A11%2C10-11%2C25

Line 15, customerID column's hidden is set to true. Clicking the "Hide" button won't show/hide that column. But if change customerID's `hidden` value to `false`, or just remove that hidden property at line 15. The "Hide" button will work.

 

Thanks,

Jie

Vessy
Telerik team
 answered on 08 Oct 2025
4 answers
1.8K+ views
We are migrating to React Grid from React Wrapper Grid and one issue is that the column width doesn't seem to support % and only seems to support pixel width. Is there a work around for this or is this in any upcoming releases?
Tom
Top achievements
Rank 1
Iron
 updated answer on 07 Oct 2025
1 answer
16 views

Hi,

I'm trying to use rowSpannable with Grid, and I get the following error:

Property 'rowSpannable' does not exist on type 'IntrinsicAttributes & GridProps & RefAttributes<GridHandle | null>

Vessy
Telerik team
 answered on 07 Oct 2025
1 answer
11 views

In KendoReact Chat, when multiple attachments are added, the attachment container shows files with limited width. However, the scroll behavior is incorrect. After clicking the scroll arrow, the container scrolls to the end, but a small gap remains at the end that cannot be scrolled into view.

https://www.telerik.com/kendo-react-ui/components/conversationalui/chat/customization/attachment-templates

Yanko
Telerik team
 answered on 03 Oct 2025
1 answer
35 views

Hello! Could you please explain how to localize text in columnMenu? 

I have forked an example from the documentation: TreeList Globalization, and added columnMenu to it.

My sandbox example here

But despite the expectation that it will also be translated into Spanish, as well as filter, I see a standard text that cannot be replaced / translated by LocalizationProvider:


Is this a known problem? Will this issue be fixed? Or maybe I somehow set up sandbox example incorrectly? 
I will be grateful for explanations.

 

Thanks in advance,

Ekaterina.

Vessy
Telerik team
 answered on 23 Sep 2025
1 answer
20 views

Hi All,

I want to achieve a feature using DataGrid. Lets say we are binding Orders in the grid with Active and Order ID column

1. If Order is "Active" then I would like to show Checkbox to select that row.  The row should be highlighted upon selection just like the default row selection behavior in Kendo React Grid

2. If Order is "inActive" then I would like to hide the checkbox.  I do not want to make it visible disable checkbox.

Please suggest if anyone has done this kind of implementation earlier.  Please suggest any OOTB configuration or customization if we have any for Checkbox Column.

Filip
Telerik team
 answered on 23 Sep 2025
Narrow your results
Selected tags
Tags
+? more
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Sergii
Top achievements
Rank 1
Iron
Iron
Dedalus
Top achievements
Rank 1
Iron
Iron
Lan
Top achievements
Rank 1
Iron
Doug
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?