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
0
votes
1 answer

React Kendo Grid : Remove Duplicate Filters

We have one simple read-only React grid, where we have the standard Kendo filters on each column. Though we don't want the duplicate filters. Grid code sortable pageable={this.state.pageable} …
mayank
  • 141
  • 1
  • 2
  • 12
0
votes
2 answers

How to get current date and time printed using reactJS

I am trying to create a small program where I have to display date and time using react JS. It is displaying everything as expected except date and time value in the HTML page. enter code here import React from "react"; import ReactDOM from…
0
votes
1 answer

Kendo tooltip for React not displaying correctly on links under LI elements

I'm running into issues trying to display the Kendo React tooltip correctly on certain elements. The tooltip renders correctly on [anchor] elements and [list item] elements just fine, however if it's an [anchor] inside a [list item] then it no…
Gavin Mannion
  • 875
  • 1
  • 14
  • 32
0
votes
2 answers

Kendo-react-ui TreeList how to customize cells on the different levels of hierarhy?

class TableCell extends React.Component { render() { const { dataItem, field } = this.props const cellData = this.getFieldValue(dataItem, field) const { participantType } = dataItem let styles = { position: 'relative' } …
0
votes
1 answer

How to use customCell and Reorder in Kendo react Grid at the same time?

So I am using Kendo React Grid and I am setting the reorder to true and also added a custom cell where I can show/hide columns. when I don't reorder and try to show/hide everything works fine but when I reorder the columns and then try to hide then…
0
votes
1 answer

How do you change the sizes of a Gauge component in KendoReact?

The documentation site has no information about changing the dimensions of the Gauges directly. It seems like you're unable to change the Sizes or Dimensions of the Gauges created by Kendo. How can you change the size of the Guages?
Jiyuan Z
  • 11
  • 1
0
votes
1 answer

KendoReact upload - passing file Id to React after saving file

I'm a bit stuck with the kendo react upload control. I need to customise the rendering of the kendo react upload control. After the user upload the file, I want to save the file in database. Then I need to pass the database Id back to the client…
0
votes
1 answer

kendo-react-layout Failed to compile

I am getting this strange compile error when I try to import the Menu and MenuItem components. Failed to compile C:/XXXXXXX/ClientApp/node_modules/@progress/kendo-react-layout/dist/npm/panelbar/PanelBar.d.ts TypeScript error in…
Padhraic
  • 5,112
  • 4
  • 30
  • 39
0
votes
1 answer

Cannot replace the file in Kendo React Upload API if same file is uploaded

Can I know what is the most relevant Upload property in Kendo React which is not allowed to the user to upload the same file again. Same file been uploaded twice without asking if to replace the file
0
votes
0 answers

How to pass both event and parameters to a react function?

I'm trying to pass both arguments and event to an external function in React. If I invoke it this way, cell={ function (e){ return CellWithEditing(x,y,z) } It cannot find "this" and says props of undefined. As this is…
0
votes
1 answer

No record display when grid is empty - Kendo React Grid

We have a Kendo React grid and we need to show the No record found the message when data is empty.
mayank
  • 141
  • 1
  • 2
  • 12
0
votes
1 answer

Include Kendo React with Script Tag

I am trying to develop with Kendo React in a .NET Web Forms application. It looks like Kendo distributes their packages as a variety of JavaScript modules -- the dist folder in their node packages contains the following four…
Bondolin
  • 2,793
  • 7
  • 34
  • 62
0
votes
1 answer

Put float label in kendoReact DatePicker

How to put float label in KendoReact DatePicker? like https://www.telerik.com/kendo-react-ui/components/dropdowns/floating-labels/
0
votes
1 answer

how to add footer template to react kendo grid

I want to add an aggregate of records at the end of the Kendo Grid (table), bellow all of the tr(s) like this sample. Sadly, Kendo React UI grid only supports footer for groups and footer templates are not supported in Kendo React for the data…
Aref Zamani
  • 2,023
  • 2
  • 20
  • 40
0
votes
1 answer

Kendo React Grid inside Popout window: why getComputedStyle returns null for IE11 & Edge, but not for Chrome, Opera and Firefox?

I have put together a stackblitz demo where I am trying to render a Kendo React Grid inside a react-popout-component, which is a popout window component. The demo works fine in Chrome, Opera and Firefox, but fails in Edge and IE11, because a…
1 2 3
8 9