Telerik Forums
KendoReact Forum
1 answer
157 views

Hi,

I have made a change to the code repo, how can I request for PR to help broader community?

Thank you

Stefan
Telerik team
 answered on 26 Aug 2021
1 answer
321 views

Hi,

I noticed that when using checkboxes in a grid, those are rendered a bit incorrect (there are some dot's at the "end" of the checkboxes:

Screenshot is taken directly from the example page: https://www.telerik.com/kendo-react-ui/components/grid/selection/#toc-customizing-the-selection. Making the column either smaller or bigger "solves" the issue, but it's still strange behavior.

Stefan
Telerik team
 answered on 26 Aug 2021
0 answers
752 views

Hi

Today, when Enter key is pressed highlighted item is selected. Can we please add same behavior for Tab key too.

 

Thank you.

Pranay
Top achievements
Rank 1
 asked on 25 Aug 2021
1 answer
208 views

How can I prevent a row from jumping up or down due to a column's sorting or filtering? For example, in this link (https://stackblitz.com/edit/react-r5nvbb?file=app%2Fmain.jsx), sort by First Name, and then edit a cell (for example, edit the first name in the first row, Andrew Davolio to Jan Davolio) - how to prevent that row that's being edited from getting sorted dynamically while the user is interacting with it?

This is a major problem when someone filters for only one value (say, Andrew in the First Name column), and wants to change the first name to something else (anything but Andrew) - the row in edit completely disappears from view because the grid is filtering dynamically.

Stefan
Telerik team
 answered on 24 Aug 2021
2 answers
121 views

I have a react class component in which I need to use kendo Internationalization. Kendo internationalization is already setup and working with some functional components.

Unfortunately when I follow Kendo's docs examples for registerForIntl() I get the following typescript error:

Argument of type 'typeof DataGrid' is not assignable to parameter of type 'ComponentClass<{}, any>'.
  Types of parameters 'props' and 'props' are incompatible.
    Type '{}' is missing the following properties from type 'DataGridProps': data, total, columns

Any tips on how to get registerForIntl() working with class components with custom props interface?

Stefan
Telerik team
 answered on 23 Aug 2021
1 answer
151 views

I'm trying to make my web app behave a bit more like a desktop app, where rather than letting the browser window scroll, the components are laid out to fit vertically and any scrolling is done within the components.

I know I can do this raw with CSS flexbox, but I'd like to know the best practice for doing this with Kendo UI components.  It's not clear to me where to change styles and attributes to achieve this type of layout.

Stefan
Telerik team
 answered on 23 Aug 2021
1 answer
109 views

How to disable the Incremental Steps in dateinput and datepicker.

Silviya
Telerik team
 answered on 23 Aug 2021
0 answers
137 views
Pagination skip & take affect to extend Horizontal scrollbar when expand the Tree List content. It hide the bottom content. Even I have tried virtualization. it is not working. Problem I have analyzed is this pagination applied expanded item also that the issue.. how could we apply pagination main grid alone.
Premkumar
Top achievements
Rank 1
Iron
 updated question on 17 Aug 2021
1 answer
718 views

I'm sorry if this is already ask but i cant find similar topic.
I try to make show/hide column similar to this React (forked) - StackBlitz using checkboxes.
When i select all false, instead of all column dissapear, it will render all field of the Grid data object.
For example you can set show: false on every column in columns state in React (forked) - StackBlitz

First state when only 2 column shown

When all column show property set to false

Is it a bug or just the grid works?

Stefan
Telerik team
 answered on 16 Aug 2021
1 answer
536 views

I have setup a listening event on the page:

const [width, height] = constants.useWindowSize();

window.addEventListener("resize", updateSize);

 

And setup the column widths to use a percentage of the window size.

width={width * 0.2}

 

When the window increases in size it works and when I decrease it back to the point of the original window size it works.  It does not seem to work when I reduce the window below the original width it does not appear to work.

 

 

Stefan
Telerik team
 answered on 16 Aug 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Jay
Top achievements
Rank 3
Iron
Iron
Iron
Benjamin
Top achievements
Rank 3
Bronze
Iron
Veteran
Radek
Top achievements
Rank 2
Iron
Iron
Iron
Bohdan
Top achievements
Rank 2
Iron
Iron
Richard
Top achievements
Rank 4
Bronze
Bronze
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?