Completed
Last Updated: 01 Jun 2023 01:17 by David
Created by: David
Comments: 3
Category: KendoReact
Type: Feature Request
5

Hi,

I would like to be able to specify a Grid Column template for the data without having to replicate the entire cell and its properties. Please see below for justification:

Consider the following example of KendoReact Grid Cell customisation: https://www.telerik.com/kendo-react-ui/components/grid/styling/#toc-adding-custom-cells

Following this approach results in the loss of a lot of properties from the grid cell compared with 'default' cells e.g.

<td colspan="1" class="" role="gridcell" aria-colindex="1" aria-selected="false" data-grid-col-index="0">Chai</td>
<td style="background-color: rgba(55, 180, 0, 0.32);">18 <span class="k-icon k-i-sort-asc-sm"></span></td>

These properties are important for many reasons including accessibility. There is another example of KendoReact Grid Cell customisation that preserves these properties here: https://www.telerik.com/kendo-react-ui/components/grid/cells/#toc-customization

e.g.

<td colspan="1" class="" role="gridcell" aria-colindex="4" aria-selected="false" data-grid-col-index="3">39</td>
<td colspan="1" role="gridcell" aria-colindex="5" aria-selected="false" data-grid-col-index="4" style="color: red;">false</td>

However, there is a considerable amount of code required to achieve this:

const CustomCell = (props) => {
  const field = props.field || "";
  const value = props.dataItem[field];
  const navigationAttributes = useTableKeyboardNavigation(props.id);
  return (
    <td
      style={{
        color: value ? props.myProp[0].color : props.myProp[1].color,
      }}
      colSpan={props.colSpan}
      role={"gridcell"}
      aria-colindex={props.ariaColumnIndex}
      aria-selected={props.isSelected}
      {...{
        [GRID_COL_INDEX_ATTRIBUTE]: props.columnIndex,
      }}
      {...navigationAttributes}
    >
      {value === null ? "" : props.dataItem[field].toString()}
    </td>
  );
};

I would like to be able to define a template for a cell without having to specify these properties every time.

Kind regards,

David

Completed
Last Updated: 15 May 2023 15:58 by ADMIN
Created by: Claudio
Comments: 3
Category: KendoReact
Type: Feature Request
0

Hi, when using the Kendo React Typography component like following:

<Typograpy.h1></Typograpy.h1>

compiler gives the following warning:

Imported JSX component h6 must be in PascalCase or SCREAMING_SNAKE_CASE                                                                       react/jsx-pascal-case
It would be nice to change this behavior to the right one, or maybe adding a property 'variant'
Completed
Last Updated: 26 Apr 2023 05:50 by ADMIN
Created by: Chaz
Comments: 9
Category: KendoReact
Type: Feature Request
13

I've noticed in your other products, the dropdownlists have a property that allows for grouping sets of data. 

What would it take to get that included in Kendo UI React?

We have a use case that this would be very helpful.

Thanks.

Completed
Last Updated: 28 Mar 2023 12:21 by ADMIN

Current Behaviour

When a table is created in the text editor and multiple columns are selected an error is thrown.

Errors:
TypeError: Cannot read properties of undefined (reading 'localsInner')

TypeError: Cannot read properties of undefined (reading 'eq')

 

Expected Behaviour

When a table is created in the text editor and multiple columns are selected an error must not appear and the user must be able to merge or split the cells.

 

MInimal Reproduction

I'm providing a reproduction from Kendo React code examples.
https://stackblitz.com/edit/react-su15wr?file=app%2Fmain.tsx

 

Package
"@progress/kendo-react-editor": "^5.11.0"

Completed
Last Updated: 20 Mar 2023 14:18 by ADMIN
Created by: Ravi
Comments: 6
Category: Data Grid
Type: Feature Request
9

Hi,

I know pageSizes options takes a Boolean or Array of Numbers, but Is there a way add an option to pagination dropdown which lists all rows of the grid like, 'All' option?

Can we set the options of the dropdown to like '10, 50, All', where option 'All' lists all rows of the grid?

 

 

Completed
Last Updated: 02 Mar 2023 15:37 by ADMIN

Hi,

If you use kendo-theme-bootstrap for most Kendo React inputs, it results in bootstrap styling being applied to the input e.g. https://www.telerik.com/kendo-react-ui/components/dateinputs/datepicker/ or https://www.telerik.com/kendo-react-ui/components/dropdowns/combobox/. With the Bootstrap theme selected the DatePicker and Combobox have blue shadows on focus.

This is not true for the DropDrownList: https://www.telerik.com/kendo-react-ui/components/dropdowns/dropdownlist/. The border on focus does not match Bootstrap styling.

Kind regards,

David

Completed
Last Updated: 24 Feb 2023 12:18 by ADMIN
Created by: Arifullah
Comments: 2
Category: KendoReact
Type: Feature Request
1

Hi,

Can We have an admin Dashboard for KendoReact? which has some ready components Like NavBar on top and Left, Dark and Light mode, RTL, and LTR Layouts and Forms with all input Components

I Have More projects in this React MUI Admin Dashboard and now it's very hard for me to use the KendoReact Components here.

if we Have KendoReact Admin Dashboard like that it will be easy to use KendoReact components there.

 

Thanks

Completed
Last Updated: 24 Feb 2023 12:16 by ADMIN
Created by: João Paulo
Comments: 5
Category: KendoReact
Type: Feature Request
15
As the project grew, my team needed to use more tabs, necessarily with the tapPosition property as "top". Many tabs mean that some do not appear in specific widths , mainly in a small width. That said, there is a need to create a shape that preserves the structure of the tabs with scroll, already done with telerik for jquery: https://demos.telerik.com/kendo-ui/tabstrip/scrollable-tabs
Completed
Last Updated: 15 Feb 2023 14:45 by ADMIN
Created by: Randee
Comments: 1
Category: KendoReact
Type: Bug Report
0
I saw this bug was suppose to be fixed in kendo-theme-bootstrap 6.0.0 however I'm running 6.1.0 and I'm still getting this warning. with sass and vite

Completed
Last Updated: 10 Feb 2023 14:10 by ADMIN
Created by: Levi
Comments: 1
Category: ComboBox
Type: Feature Request
0

The React ComboBox and Autocomplete do not support the valueRender prop, so a selected value cannot have a custom display. The DropDownList does however - they should all be consistent in this.

DropDownList reference:
React Dropdowns Library & DropDownList Component - Custom Rendering - KendoReact Docs & Demos (telerik.com)

Completed
Last Updated: 08 Feb 2023 08:19 by ADMIN
Created by: Rebecca
Comments: 0
Category: MultiSelect
Type: Bug Report
0

I'm submitting a...

  • Bug report

Current behavior

After the latest accessibility improvements available with R1 2023 of the KendoReact library, the aria-required attribute is missing in most of the DropDowns.

Expected behavior

The aria-required attribute should be rendered in the DOM once the MultiSelect definition contains a required attribute like this:

  <MultiSelect required data={sports} onChange={onChange} value={value} />

Minimal reproduction of the problem with instructions

  1. Open this StackBlitz example
  2. Inspect the MultiSelect component to see that the aria-required in not rendered
Completed
Last Updated: 24 Jan 2023 11:26 by ADMIN
Created by: lavanya
Comments: 1
Category: DropDownList
Type: Feature Request
0

Hi, I am Lavanya!

in my dropdown list, there are horizontal layouts I need to change to the vertical dropdown list

and also I have attached bar data in that I need to make a dropdown filter of the month how can I use that

Completed
Last Updated: 18 Jan 2023 12:47 by ADMIN
Created by: lavanya
Comments: 1
Category: KendoReact
Type: Feature Request
0
const bar = [
  { month: 'Jan', sales: 35 },
  { month: 'Feb', sales: 28 },
  { month: 'Mar', sales: 34 },
  { month: 'Apr', sales: 32 },
  { month: 'May', sales: 40 },
  { month: 'Jun', sales: 32 },
  { month: 'Jul', sales: 35 },
  { month: 'Aug', sales: 55 },
  { month: 'Sep', sales: 38 },
  { month: 'Oct', sales: 30 },
  { month: 'Nov', sales: 25 },
  { month: 'Dec', sales: 32 }

];

 

this is my data I want to use a column chart using this data x-axis as month and y-axis sales how can i use this data

Completed
Last Updated: 10 Jan 2023 11:51 by ADMIN
Created by: lavanya
Comments: 4
Category: KendoReact
Type: Feature Request
0

Hi, I am Lavanya

I am using kendo UI  past few days the react-coffee warehouse is very useful to learn . But the finance application is in typescript so unable to learn the whole application. so kindly give any sample application in js or jsx .if possible. 

 

thanks

 
Completed
Last Updated: 25 Nov 2022 15:36 by ADMIN
Created by: lavanya
Comments: 1
Category: KendoReact
Type: Feature Request
1

is that possible to change the background line (grid )

how can I change the color of the grid or invisible in the kendo UI chart

 

Completed
Last Updated: 24 Nov 2022 13:15 by ADMIN

in the kendo UI react chart I need the average line, max line, and min line targeting some value   

Please suggest which features to use with respect to the above requirements, if available.

Completed
Last Updated: 08 Aug 2022 10:29 by ADMIN
Created by: Arifullah
Comments: 1
Category: KendoReact
Type: Feature Request
0

Is It Possible to Add Persian Datetime format In Datetime Picker

 

 

Thanks

Completed
Last Updated: 09 May 2022 12:38 by ADMIN
Created by: Ryan
Comments: 4
Category: KendoReact
Type: Feature Request
0

Hello,

Please allow the Form component to submit even if it's not marked as modified internally. I am trying to use the Form within a Stepper workflow, and the Form can have default values based on what they submitted in the previous Step. If they return to the Step with the Form on it, though, and those initial values are not changed while displaying the Form, then the Form internally is not marked as modified, therefor the submit event never fires.

It'd be nice if we could have a boolean to tell the Form if we care to block submission based on modified or not.

Thank you

Completed
Last Updated: 14 Mar 2022 06:43 by ADMIN
Created by: Vikram
Comments: 3
Category: KendoReact
Type: Feature Request
2

Hi,

 

I am using Kendo react richtext editor and insert image plugin as it is shown in this page

https://www.telerik.com/kendo-react-ui/components/editor/images/

 

I am able to insert/upload image, but not able to resize image after adding it, similar to MS word.

After inserting image it should be resizable, so that user can easily resize the image as required.

 

Please let me know how can I achieve image resizing through mouse in above example.

 

Thanks
Vikram E

Completed
Last Updated: 28 Jan 2022 16:55 by Neil
Created by: Neil
Comments: 8
Category: KendoReact
Type: Feature Request
2
When reorderable is true, our users have complained that it is not possible to highlight text in the kendo grid component for example.
For now we have had to add a settings option for the user to turn the reorderable feature on and off depending on how they want to use the UI.
It would be a lot better user experience if there was on option to only drag the tile by the header, therefor allowing the user to still highlight and copy text areas and such.
1 2 3 4 5 6