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
0 answers

Programmaticaly show error message on field with KendoReact

I have created a server side validation system, and I should hook it to my application made with KendoRect. I'm looking for a method like: setFieldError ('field', 'Message error'); to show the red error message in the correct form field. Idea?
Roberto
  • 752
  • 1
  • 13
  • 29
1
vote
0 answers

How do I change the default arrow icon in the TreeList(KendoReact )?

I use KendoReact TreeList https://www.telerik.com/kendo-react-ui/components/treelist/ and I want to change the default arrow icon.How should I do this?
zahra zamani
  • 1,323
  • 10
  • 27
1
vote
1 answer

how do I add styles or className attribure to the kendo react components like etc.?

I am using kendo react for SPFx solution in my application and I am using kendo TabStrip and kendo TabStripTab components. But by default they come with their predefined styles added by kendo. So, the TabStrip and TabStripTab components already have…
Gowthamss
  • 191
  • 1
  • 2
  • 13
1
vote
1 answer

can't find kendo react ui-kit in figma/sketch

Where can I find kendoreact ui elements for default/bootstrap/meterial themes in figma/sketch format? or don't you have anything like it?
m.maksim
  • 11
  • 1
1
vote
0 answers

Conditional Multiselect data

What is the best way to list data in multiselect conditionally(depends on the data selected)? For example: data = [...laboratoryUsers, ...technicianUsers, ...receptionUsers] if a laboratory user is selected, only laboratory users would be found on…
tensai
  • 11
  • 1
1
vote
0 answers

Is it possible to load the kendo react form using default values on page load

I'm working on kendo react UI and have I have to implement edit data UI page. For edit data, the given design is the design of a form so I added the kendo react form component to the UI but I can't place any value to the form UI while loading page.…
11738472
  • 184
  • 3
  • 22
1
vote
2 answers

How to manage "Kendo react drop-down list item (k-item)" width for short and long text content?

This is regarding to KendoReact Dropdowns https://www.telerik.com/kendo-react-ui/components/dropdowns/ How to increase "k-item" width to match the content width and also, stop text wrapping when it's comes to long text content? Also how to keep…
Eashan
  • 438
  • 4
  • 16
1
vote
1 answer

Fails to compile on using the kendo-react-grid's typescript implementation

Fails to compile on using the simplest of grid implementations as follows. (But the same works on a react JS implementation) Code is as follows for the react component. import { connect } from 'react-redux'; import * as redux from 'redux'; import *…
1
vote
0 answers

Kendo react scheduler dialog

I am trying to add an input control in kendo react scheduler dialog model .How to add extra input control in kendo react scheduler dialog ? Can anyone help me out this ? Thanks in advance !
1
vote
2 answers

Using KendoReact DropDownList into ReactBootstrap Modal

when I use a KendoReact DropDownList into a ReactBootstrap Modal the expanded list appears UNDER the modal so it can't be interacted with. I read several issues that was pointing to a focus loss, which is not exactly my case, due to the fact that…
LePioo
  • 137
  • 1
  • 11
1
vote
1 answer

Adding tooltip to each tile in a kendo stacked bar chart

I have created a stacked bar chart using Kendo UI. I want to show tooltip for each tile in stacked bar chart and use another array for this purpose which contains the values to be shown as tooltip. For ex: When I hover over, USA for year 2000,…
OpenStack
  • 5,048
  • 9
  • 34
  • 69
1
vote
1 answer

Set className for Menu KendoReact

I'm working on React project that's using Kendo. For Menu component import { Menu, MenuItem } from "@progress/kendo-layout-react-wrapper"; we cannot set className to that control. So what is the right way to apply css for it? I'm covering it by a…
Bui Quang Huy
  • 1,784
  • 2
  • 17
  • 50
1
vote
1 answer

Html element set autofocus dynamically in React

I have two sibling component. one component contains textbox,checkbox,dropdown controls in it. another component contains Kendo Grid. whenever user clicks on grid row i want to set focus on one of the element in above component which include…
1
vote
1 answer

Kendo UI React Dropdown hover color

I want to change the hover Red color inside kendo dropdown as shown in below screenshot. Can anyone please tell me in which file and what is the css class name for same.
Parag Pathari
  • 281
  • 2
  • 5
  • 19
1
vote
1 answer

Double Click on Kendo Grid row's for React Component

I'm using the React Grid component and I'm looking for a way to fire a function when double click a row. I found a rowClick function and I can use it now to select a row or handle an onClick event : yourFunction(e)}> . But there…
Zied Hf
  • 491
  • 3
  • 10
  • 30
1 2
3
8 9