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
1
vote
1 answer

Kendo editor react wrapper display an error

I want to add an editor using Kendo UI. But I get an error TypeError: list is undefined in node_modules/@progress/kendo-ui/js/editor/plugins/inlineformat.js:422 I installed the library using : npm install --save…
Zied Hf
  • 491
  • 3
  • 10
  • 30
0
votes
0 answers

How to Implement Event Confirmation and Background Color Change in Kendo UI Scheduler Wrapper for React?

I'm working on a React application where I'm using the Kendo UI Scheduler component to manage events. I need to implement a feature where events change their background color based on whether they've been confirmed or not. Initially, newly created…
Sunny
  • 752
  • 1
  • 11
  • 24
0
votes
0 answers

Styling Overlapping Events in Kendo UI for React Scheduler

I'm working with the Kendo UI for the React Scheduler component and trying to implement a visual distinction for overlapping events. I want to stack overlapping events on top of each other and apply a specific CSS class or style to those overlapped…
Sunny
  • 752
  • 1
  • 11
  • 24
0
votes
0 answers

Multiple Checkbox Form Field Kendo React

I have a basic kendo react form, in which one of the field element contains multiple checkboxes. I want to be able to select whichever checkbox i want and get the values in the form of an array in the Field element in submit handler of the kendo…
0
votes
0 answers

What do you use for unit testing KendoReact components?

I'm trying to encourage frontend unit testing and have been having a great time with testing-library/react. We just got a KendoReact license for the Editor component. I'm trying to just render it in a "hello world" test and I'm getting…
0
votes
0 answers

Kendo React Upload could not open file dialog

I have a web application which used several kendo-react component and the kendo react upload have an issue where it could not open the file dialog when I click on the select files button. Previously, it worked perfectly and now it does not open the…
Eric
  • 1
  • 2
0
votes
1 answer

kendo react pdf can't export icons with colors

I'm trying to display on my pdf doc icons with colors: main.jsx : import * as React from 'react'; import * as ReactDOM from 'react-dom'; import { PDFExport } from '@progress/kendo-react-pdf'; import EmailIcon from…
0
votes
1 answer

npm run webpack failing with Attempted import error: 'Breadcrumb' is not exported from '@progress/kendo-react-layout' (imported as 'Breadcrumb')

I have weird problem, where I am able to npm run webpack without any errors in my local machine but it suddenly stopped working on our build server with below error 'Breadcrumbs' npm run webpack failing with Attempted import error: 'Breadcrumb' is…
Akshat59
  • 21
  • 3
0
votes
0 answers

kendo-react Virtual scrolling and selection not working together

I was using kendo-react for my project. Virtual scrolling on API response works prefect. But I also wanted to use selection in same table. I was trying some solution but that didn't work for me. What I want is select single row and select all data…
0
votes
0 answers

Dynamic form with Kendo React

I need to build a form dynamically using kendo react. I came across the following article which demonstrates how to do this: https://www.telerik.com/blogs/how-to-programmatically-add-input-fields-react-forms However, I noticed that the above article…
Joseph Caruana
  • 2,241
  • 3
  • 31
  • 48
0
votes
0 answers

Kendo React GridColumn Menu - returning {false} from a function

I'm trying to hide the Column Menu icon on certain Columns in my Grid. If I specify the Column as: Then no menu icon (...) appears in the Column Header - this is…
Black
  • 5,023
  • 6
  • 63
  • 92
0
votes
0 answers

KendoReact PDFExport not working in mobile (safari)

Currently have this code in my react app that allows the user to export to PDF some html code const PrintButton = ({button, children, showPreview, filename}) => { const ref = useRef(null); const exportPDFWithComponent = () => { if…
0
votes
0 answers

How to stop Kendo React PanelBar from collapsing on typing in a child component?

import { useState } from "react"; import { PanelBar, PanelBarUtils } from "@progress/kendo-react-layout"; const Component=()=>{ const [value, setValue]=useSate(""); const PanalBarItems= PanelBarUtils.mapItemsToComponents([ { …
0
votes
0 answers

Kendo React Grid Not Entering Cell Edit using reducers

I am using Kendo React Grids and trying to get it so that when you click into a cell it edits as shown in this example: https://www.telerik.com/kendo-react-ui/components/grid/editing/editing-in-cell/. I couldn't get it to enter edit until I tried to…
sfaust
  • 2,089
  • 28
  • 54
0
votes
1 answer

Disable the KendoReact Calendar Fast Navigation Bar globally

The KendoReact Calendar Fast Navigation Bar is currently broken in all versions of KendoReact that support React 18 as per this GitHub issue. We are working around the issue by disabling the Calendar Fast Navigation Bar. This is a suitable…
Dave
  • 457
  • 4
  • 15
1 2 3
8 9