Questions tagged [kendo-react-ui]

KendoReact by Progress provides 40+ native Kendo UI and DataViz components built from the ground up and aiming at developing business applications in the React framework.

KendoReact is designed and built specifically for React development. The library is a set of native UI components which are 100% optimized for React and require no dependencies. The KendoReact components support both Controlled and Uncontrolled modes which enables you to manage the state directly or through state-management libraries such as Redux.

With the components it delivers, KendoReact builds on top of existing UI-component libraries eradicating the necessity for a full rewrite. By integrating with third-party databases, such as Amazon DynamoDB, KendoReact enables you to deliver even for the Cloud.

KendoReact can be used with modern design languages such as Twitter Bootstrap and Google's Material Design. If you want to customize the look and feel of the KendoReact components and design them as you want, you can quickly do so with the interactive Kendo UI Theme Builder.

Resources

128 questions
5
votes
2 answers

Assign Id to React components

We have a React Grid Component and we need to assign the Id for all Grid components. Any suggestions how can we do it? Component snippet is shown below:
mayank
  • 141
  • 1
  • 2
  • 12
5
votes
1 answer

How to group rows in Kendo UI Grid

I was able to do the following using kendo-ui-recat-wrapper to get a grouped Grid : let dataSource = { data: data, schema: { model: { id: 'id', expanded: true } }, group: [ { field: 'title', //…
Zied Hf
  • 491
  • 3
  • 10
  • 30
3
votes
2 answers

Kendo React DropDownList subclass values not appearing in Form

I inherited a Kendo React subclass from a colleague. The subclass name is FormDropDownList. It is a basic combination of a Label and a DropDownList The value of the drop-down doesn't seem to get reflected in the Form values on submit. Any ideas…
Black
  • 5,023
  • 6
  • 63
  • 92
3
votes
0 answers

Font sizes/weight not being maintained in Kendo-react-pdf

I am using kendo-react-pdf @progress/kendo-react-pdf to one of the products i am building to export a list view and it is observed that the export is not maintaining the font sizes and font weight (even with system fonts). I use Styled-components to…
Sarath Damaraju
  • 309
  • 2
  • 13
3
votes
0 answers

Using KendoReact Upload component to convert files to base64 and asynchronous state updates

I'm trying to make a reusable multiple file upload component using the KendoReact Upload component. What I have is functional but I'm fairly new to React so was hoping there is a more concise way to achieve this. By default this component takes a…
Dave
  • 457
  • 4
  • 15
3
votes
1 answer

Memoizing a dynamic styled-component causes "Rendered fewer hooks than expected error."

I'm using styled-components. I have to use it to make the style changes because what I need to change is nested inside Kendo React Grid, as they outline in their docs: https://www.telerik.com/kendo-react-ui/components/styling/styled-components/ I…
3
votes
2 answers

Kendo-React-PDF PDF Export not displaying image from S3 bucket: “No 'Access-Control-Allow-Origin' header is present on the requested resource”

Edits before bounty: Here is a screenshot of the error I am receiving in my chrome devtools console: Here is the exact CORS configuration that I am currently using for my S3 bucket cbbteamlogos:
Canovice
  • 9,012
  • 22
  • 93
  • 211
2
votes
0 answers

Kendo React Editor how to set up text colors in HEX format instead of rgba

I am using Kendo React Editor and when I am sending my colorized text to backend it comes with rgba color format: test Is there any way to set it to HEX? I haven't found anything helpful at…
Aleksy Goroszko
  • 897
  • 7
  • 10
2
votes
0 answers

React KendoGrid custom column component is ignored and not displayed

For frequently repeating Kendo React DataGrid columns I would like to create a custom column component e.g. (ColumnCreatedAt, ColumnCreatedBy, ColumnModifiedAt, ColumnModifiedBy, ...).
klaucode
  • 180
  • 1
  • 10
2
votes
1 answer

Kendo React Charts not displayed as expected

I'm trying to integrate Kendo Charts into my project, but unlike other Kendo components, Charts are not displayed as expected. What I expect:Component on Kendo site What I get:Component on my site Code:
Vlad
  • 21
  • 3
2
votes
0 answers

Change theme of Kendo React UI

I'm currently developing an app that uses Kendo React UI for charts and I want to add the possibility of switching themes between light and dark from UI. I'm using React and Sass for styling and two different Kendo-React themes, the light is the…
user13344065
2
votes
3 answers

Specify date format in Kendo Grid React

I have a Kendo React Grid to display data that I am fetching from a Sharepoint List. It is a simple grid as shown in this link - https://www.telerik.com/kendo-react-ui/components/grid/get-started/
Priyanka Rao
  • 208
  • 3
  • 11
2
votes
1 answer

KendoReact and react-hook-form

I am having trouble using KendoReact components with the react-hook-form library: Stackblitz sample here The react-hook-form sample is…
dvlsc
  • 542
  • 6
  • 14
2
votes
1 answer

Kendo React UI DataTable Filter with same behavior as JQuery Kendo UI

In kendo react, the filter of the grid is a line bellow the header, like the image bellow But in the JQuery version the filter is a button that opens a small modal with the filter, like the image bellow How can I make Kendo React have a button in…
Vencovsky
  • 28,550
  • 17
  • 109
  • 176
1
2 3
8 9