Currently, this is possible with CSS animation only:

https://github.com/telerik/kendo-react/issues/326

1. Configure a Kendo React Grid with paging on a react-bootstrap tab that is hidden on initial load
2. Navigate to the tab - the Grid is rendered with truncated paging controls and no item count
3. Resize the screen in any way - the full paging controls and item count are restored

Is there a workaround for this issue?

I'm looking at implementing a Chart with multiple ChartPane, each with their own legend displaying only the series displayed in the respective pane.

Here is an example of the layout with separate charts: https://stackblitz.com/edit/react-xtyhbu-muedhd?file=app%2Fmain.js 

After speaking with support, they suggested I created a feature request here.

Add KendoReact PivotGrid.

Currently, there is only a wrapper:

https://docs.telerik.com/kendo-ui/third-party/react#pivotgrid

Hello,

After taking a look at your example in the documentation here (which doesn't seem to be working) https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/selection/#using-selection-as-navigator 

I fixed the onSelectEnd function and got it working. However, the selection chart is reloading the data every time onSelectEnd changes this.state.min and this.state.max.

Here is the example:

https://stackblitz.com/edit/react-nub1sc?file=app/main.jsx 

As you can see, this makes for a clunky UI.

If this isn't a bug, do you have suggestions on how to fix this?

Thanks,

Orla

Hi,

I have Scheduler vertical timeline with an user group and more users I add the wider is every slot.  Example 2 users https://stackblitz.com/edit/react-dttghr?file=app%2Fmain.jsx . Example 4 users https://stackblitz.com/edit/react-dttghr-a3nor3 the slot is double in width in comparation with 2 users. Can I control this somehow?

Allow sorting per column by a field other than the displayed field on the column. This goes for group sorting as well, when grouped by a certain field, the groups can only be sorted by that field, when we actually need those groups sorted in an arbitrary order we have defined in another field on the data.

https://github.com/telerik/kendo-react/issues/633

Add virtualization to the TreeView component to handle large trees. 

Each node should be possible to have open at all time.

Each node should have the possibility to be selectable with a checkbox.

Add a Breadcrumb component.

Similar to what we have in Kendo UI for jQuery:

https://demos.telerik.com/kendo-ui/breadcrumb/index

The Angular ButtonGroup has a 'selection' property that is not present in the React ButtonGroup. 

This functionality would be nice to have in React.

import React from 'react';
import ReactDOM from 'react-dom';

import { Button, ButtonGroup } from '@progress/kendo-react-buttons';

class ButtonGroupContainer extends React.Component {
  state = {
    selected: null
  }
  groupButtonClick = (e) => {
    this.setState({
      selected: e.target.id
    })
  }

  isSelected = (index) => {
    return index === parseInt(this.state.selected) ? true : false
  };

  render() {
    return (
      <div className="row">
        <div className="col-xs-12 col-sm-6 example-col">
          <ButtonGroup>
            <Button togglable={true} id={1} selected={this.isSelected(1)} onClick={this.groupButtonClick}>
              Bold
                     </Button>
            <Button togglable={true} id={2} selected={this.isSelected(2)} onClick={this.groupButtonClick}>
              Italic
                     </Button>
            <Button togglable={true} id={3} selected={this.isSelected(3)} onClick={this.groupButtonClick}>
              Underline
                     </Button>
          </ButtonGroup >
        </div>
      </div>
    )
  }
}
ReactDOM.render(
  <ButtonGroupContainer />,
  document.querySelector('my-app')
);

Add render function/prop for the ColorPicker popup.

This will allow rendering custom elements inside the ColorPicker Popup.

I am looking for added support for multi drag and drop and the ability to select multiple days as this is available in the jquery version:

https://demos.telerik.com/kendo-ui/scheduler/event-selection

Provide built-in scrolling of the Chart.

It should work similar to the pannable but allows scrolling with the mouse wheel instead of zooming.

The required end result is similar to this:

https://stackblitz.com/edit/react-rgpxmk-nrntv1?file=app/main.jsx

With the ArcGauge component, when you set the rangeLineCap to something other than 'butt' (ie:  round or square), the indicator does not line up with the tick lines.  This leads to misleading values.  Please look at this StackBlitz:

https://stackblitz.com/edit/react-itztql

This will show the comparison between round and butt rangeLineCaps. 

From the screenshot as well, the ArcGauge on the right looks like the value is greater than 0, resulting in the user being mislead on the result.

When using the <Window> component, there is an issue trying to maximize, when a parent element has positioning (ie:  position: absolute, position: relative).  The calculation for defining the width uses window.innerWidth (similar for height).  However, for placement, it uses top and left = 0.  

You can see a sample of this on StackBlitz:

https://stackblitz.com/edit/react-59kqss

This is a straight copy of https://www.telerik.com/kendo-react-ui/components/dialogs/window/controlled-mode/, but added the additional styles to the parent <div>.

Version is 3.14.

Thanks.