Unplanned
Last Updated: 06 May 2021 09:44 by ADMIN
Created by: AndreasW
Comments: 0
Category: KendoReact
Type: Feature Request
13
We need a prop that will allow changing the color of the tasks.

Similar to how it is done in Kendo UI for jQuery:

https://docs.telerik.com/kendo-ui/controls/scheduling/gantt/how-to/colorizing-tasks
Declined
Last Updated: 07 Jan 2022 12:22 by ADMIN

Hi there, 
Im use chart component, and  sometimes the tooltip on grid disappear, i dont know why, and if i put the same code on the telerik this bug doesnt happen, here is an exemplo with the same data 

import * as React from 'react'
import * as ReactDOM from 'react-dom'

import {
    Chart,
    ChartSeries,
    ChartSeriesItem,
    ChartCategoryAxis,
    ChartCategoryAxisItem,
    ChartTitle,
    ChartLegend,
    ChartTooltip,
    ChartValueAxis,
    ChartValueAxisItem
} from '@progress/kendo-react-charts';

import 'hammerjs';


	const valueAxis = [
		{
			name: "",
			format: "{0:n1}",
			font: "10px Roboto",
      
		},
	];


const seriesValues = [
		{
			type: "bar",
			toolTipFormat: "{0:n2}",
			title: "Teste 1",
			spacing: 1,
      data: [27869.8616],
		},
		{
			type: "bar",
			toolTipFormat: "{0:n2}",
			title: "Teste 2",
			spacing: 1,
      data: [13277.95],
		},
		{
			type: "bar",
			toolTipFormat: "{0:n2}",
			title: "Teste 3",
			spacing: 1,
      data: [95164.9968],
		},
		{
			type: "bar",
			toolTipFormat: "{0:n2}",
			title: "Teste 4",
			spacing: 1,
      data: [115579.184],
		},
    {
			type: "bar",
			toolTipFormat: "{0:n2}",
			title: "Teste 4",
			spacing: 1,
      data: [null],
		},
        {
			type: "bar",
			toolTipFormat: "{0:n2}",
			title: "Teste 4",
			spacing: 1,
      data: [616.7145289747288],
		},
	];

const ChartContainer = () => (
  <Chart>
      <ChartTooltip
    shared={true}
    />
 <ChartValueAxis>
    {valueAxis.map((e, idx) => (
      <ChartValueAxisItem
        key={idx}
        name={name}
        labels={{
          visible: e.visible !== undefined ? e.visible : true,
          format: e.format,
          rotation: "auto",
          font: e.font,
        }}
      />
    ))}
  </ChartValueAxis>
    <ChartSeries>
      {seriesValues.map((item, idx) => (
        <ChartSeriesItem
          key={idx}
          type={item.type}
          data={item.data}
          name={item.name}
          spacing={item.spacing}
          labels={{
            font: '10px',
            format: "{0:n2}"
          }}

                />))}
    </ChartSeries>
  </Chart>
);

ReactDOM.render(
  <ChartContainer />,
    document.querySelector('my-app')
);

 

I inspected the page and realized this, that div is the tooltip and thats working normally, k-animation-container-show class, top and left properties on style;

and this one, is the tooltip that doest appear in the screen, does not have all class and style, just doesnt show up, 

However, the component inside that div was rendered, as can you see

Im using this version

"@progress/kendo-react-charts""^3.18.0",

 

Unplanned
Last Updated: 24 May 2021 08:23 by ADMIN
Created by: Ryan
Comments: 3
Category: KendoReact
Type: Feature Request
2
It would be nice if the ButtonGroup component could be styled so that it is vertical.
Unplanned
Last Updated: 06 May 2021 04:47 by ADMIN

Can the Kendo UI Multiselect possibly select the "active" item when tab is pressed? It currently does this for the enter key.

 

We are building a Typescript Create React App application, and we would really like to be able to allow our users to type a partial entry and then allow tab to complete the selection and move on to the next input.

 

I tried to make it have this behavior but it became a fairly large mess and seems like it could be facilitated in the source code with less mess.

Even possibly just exposing access to more events would make it easier, like an onKeyDown, but that would still require some additional code to figure out what the current active item is.

Currently using these below, not sure what "Version" below in this form those belong to so I just guessed:

"@progress/kendo-react-inputs":"^3.9.0"

"@progress/kendo-react-dropdowns":"^3.9.0"

Unplanned
Last Updated: 04 May 2021 11:39 by ADMIN
Created by: Grant
Comments: 1
Category: KendoReact
Type: Feature Request
2

WHAT:
Add custom cell rendering option for MultiColumnComboBoxColumn. Just like the 'cell' in GridColumnProps.

Completed
Last Updated: 28 Jul 2023 12:53 by ADMIN

The Tooltip component has a className property. Providing a class name there does not seem to apply the class to the DOM element. See my below code and attached screenshot ...

            <div className="col">
              <label className="d-block">Name</label>
              <Input value={name} required={true} onChange={handleNameChange} />
              <Tooltip className="d-inline">
                <i className="k-icon k-i-info" title="The name of the Taxonomy" />
              </Tooltip>
            </div>

Unplanned
Last Updated: 29 Apr 2021 05:01 by ADMIN
Created by: n/a
Comments: 1
Category: KendoReact
Type: Feature Request
0

Please provide alphabet OrderedList tool.

Example:

a. apple

b. orange

c. banana

Unplanned
Last Updated: 28 Apr 2021 04:38 by ADMIN
Created by: Rokan
Comments: 1
Category: KendoReact
Type: Feature Request
1

 

I am trying to create a radial gauge with gradient fill but I don't see any help regarding this. Please see the below image of what actually I am looking for. 

 

Declined
Last Updated: 27 Apr 2021 07:42 by ADMIN
Created by: Andy
Comments: 1
Category: KendoReact
Type: Bug Report
0

DateTimePicker opens above or below the link to open it, however when it's in the middle of a page, it will choose to open below and sometimes require scrolling to see all the buttons.

Would be better, if it were to open offscreen, it should be "pinned" to the bottom edge.  Same for right/left/top borders of the screen.

Certain containers also make it impossible to scroll down to see the buttons, so that creates a real problem. The above proposal would fix this.

 

 

using fairly vanilla implementation of the component:


<DateTimePicker
      defaultValue={new Date(ActivationDate.toString())}
      onChange={handleActivationChange}
      width={'8rem'}
 />

Unplanned
Last Updated: 28 Apr 2021 04:51 by ADMIN
Created by: Ashutosh
Comments: 4
Category: KendoReact
Type: Feature Request
1
How can I display "No Data" message on React charts if chart is bind with data but data is Empty?
Unplanned
Last Updated: 16 Apr 2021 06:10 by ADMIN
Created by: Menasheh
Comments: 1
Category: KendoReact
Type: Feature Request
1
In Kendo for jquery you can set a ColorPicker to have a clearButton which sets the color to null, but there is no prop for this in react. How can this be accomplished? 
Completed
Last Updated: 01 Sep 2023 10:03 by ADMIN
Created by: Chunxing
Comments: 2
Category: KendoReact
Type: Feature Request
5
Our app does alot of PDF viewing and manipulation and we currently are using some generic pdfjs component. We would really like to be able to use the feature rich pdf viewer from jQeury in react more easily that crating a wrapper for it.
Completed
Last Updated: 22 Dec 2024 17:57 by ADMIN

Step by step instructions on how to reproduce the problem

Try entering a negative value in the filter column using the StackBlitz example here https://stackblitz.com/edit/react-dx7cna?file=app/main.jsx

 

This works using "ES" as locale (your example) https://stackblitz.com/run/?file=app/main.jsx

 

Github issue here https://github.com/telerik/kendo-react/issues/897

 

Unplanned
Last Updated: 31 Jul 2024 16:48 by ADMIN
Created by: Saurav
Comments: 2
Category: KendoReact
Type: Feature Request
3
Add an onSeriesDoubleClick event to the Chart.

The event parameters should be similar to the onSeriesClick event
Completed
Last Updated: 08 Apr 2021 05:00 by ADMIN
Created by: Fu
Comments: 1
Category: KendoReact
Type: Bug Report
0

Description:

When typing into a React autocomplete with the "suggest" prop, the component does not always display the suggestion in the dropdown. It appears that in Chrome, only the very top of the suggestion is visible in the dropdown, while in Edge, it isn't at all.

 

Reproduction Steps:

  1. Navigate to https://www.telerik.com/kendo-react-ui/components/dropdowns/autocomplete/suggestions/
  2. Type "d" into the AutoComplete in Uncontrolled Mode example

 

Browser:

  • Chrome -- Version 89.0.4389.114 (Official Build) (64-bit)
  • Edge -- Version 89.0.774.68 (Official build) (64-bit)

 

Expected Behavior:

  • The suggestion is fully visible in the dropdown

 

Observed Behavior:

  • The suggestion is either not visible, or only partially visible


Screenshots:

Chrome:

 

Edge:

Unplanned
Last Updated: 07 Apr 2021 05:05 by ADMIN
Created by: Stanley
Comments: 1
Category: KendoReact
Type: Feature Request
7

Hi,

Currently, we're facing a performance issue in react scheduler, when it has more grouping items(i.e. browser hangs indefinitely). I'm requesting the feature based on the below ticket

https://www.telerik.com/account/support-tickets/view-ticket/1513927

Completed
Last Updated: 12 Apr 2021 14:22 by ADMIN
Created by: Fu
Comments: 3
Category: KendoReact
Type: Bug Report
0

Description:

When the NumericTextBox is set to "c0" format and has a value of 0 ($0), it doesn't capture the first digit entered.

 

Reproduction Steps:

  1. Set the field value to 0 ($0)
  2. Hit "Tab" to blur the field
  3. Hit "Shift-Tab" to focus the field (field contents will be highlighted)
  4. Enter "123"
  5. Repeat steps 2 through 4

 

Browser:

Chrome -- Version 89.0.4389.114 (Official Build) (64-bit)

 

Expected Behavior:

  • After step 4, field shows "$123"
  • After step 5, field shows "$123"

 

Observed Behavior:

  • After step 4, the field shows "$230"
  • After step 5, the field (correctly) shows "$123"

 

Notes:

  • This bug seems to occur when the field has a value of 0 ($0) before gaining focus
  • This doesn't occur when the specified format is "c2" or "n0"

 

Code Snippet:

<NumericTextBox format="c0" />

Unplanned
Last Updated: 27 Apr 2021 10:02 by ADMIN
Created by: Saurav
Comments: 0
Category: KendoReact
Type: Feature Request
2
Highlight particular category when its bar is selected

Similar to how a series is highlighted when clicked, the category can also be highlighted when the bar/column on that category is clicked.
Completed
Last Updated: 16 Sep 2021 18:04 by ADMIN
Created by: Pavan Kumar
Comments: 1
Category: KendoReact
Type: Feature Request
4
Add a heatmap component

This component purpose is similar to the GitHub commits graph:

Unplanned
Last Updated: 31 Mar 2021 13:16 by ADMIN
Created by: Krishna
Comments: 6
Category: KendoReact
Type: Feature Request
2

Hi Team,

 

We are trying to implement infinite scrolling for server data to our combobox based on virtual.

Do you have any event in combobox to handle on scroll.

 

Please help us with any examples you have on this topic. preferably using hooks.