Hello,

I would like this feature https://docs.telerik.com/kendo-ui/knowledge-base/add-event-programatically?_ga=2.240140043.929456162.1660247660-2049658922.1660247660 to be available in KendoReact.

1. I need to be able to open the "create a new appointment dialog" from the scheduler programmatically.
2. Additionally, opening an existing event programmatically would also be a requirement.

The use case for #2 is so I can open an event directly from a link (e.g. use query params with an eventId, load it into the scheduler, and then open the edit dialog; all programmatically).

Thanks!

We'd liked to have a wrapped loader similar to other third party loaders.

The code should be something like this:

<Loader show={props.isLoading} message={'loading'}>
  <SomeComponent />
</Loader>

Other solutions are also acceptable.  The requirement is that the loader is positioned above the main component without having it rerender or reposition.

Hi, 

Please check this example

https://stackblitz.com/edit/react-bri58e?file=app%2Fmain.jsx

We wanted to break the page once its started overlapping the footer.

I have need for a Captcha component for a public-facing form. Most of the Telerik products include a captcha component, but not KendoReact.

Can we expect this to be added at some point?

Currently there is  no way to get multi-column headers on Kendo UI's React  . please make this feature like jQuery

When the grid is being initiated, the columns passed into the grid as children will be filtered by "child.type === GridColumn" to check whether it is indeed a GridColumn. With React Hot Loader, each React element will be modified to be a ProxyFacade, and the Grid will not recognize its children anymore.

It will be very useful if we can get the new component for IPV4/IPV6 input fields. Especially networking related products, I see lot of use cases.

Multi-selecting rows using the mouse selection doesn't work for React Kendo Grid.

With the kendo grid wrapper for React we were able to  multi-select rows using the mouse selection in the grid bounds. 

Add support for styled components.

This will allow lazy loading for the styles depending on the used features of a component to reduce the styles sheet size.

I need to not restrain the window, in the element that was contained in the code.

Just like it was possible in the jQuery version (https://docs.telerik.com/kendo-ui/api/javascript/ui/window/configuration/draggable.containment),

this feature is a must.

Otherwise, I am being forced to keep my Window on the "top level" element, just so that I can have it not be constrained in the nested element... 

The problem with this, is that the Window looks totally out of place, if I need more windows, I will need them all there and it's logic is not clear. The are many issues with that approach...

Please provide a temporary workaround if possible, thanks!

This support ticket is a feature request for a React version of the DropDownTree component: https://demos.telerik.com/kendo-ui/dropdowntree/index

For now I've hacked together something using a span styled like the collapsed DropDownTree, a React Popup and a React TreeView.  It would be great if this control could be adapted for React and added to the dropdowns package.  Unless there is an easy way to accomplish this using the React Dropdown and the React Treeview?

Add the ability to customize the Filter component elements.

For example:

1) Customize the fields' DropDownList.

2) Customize the Add expression button. It could be used to open a Dialog with a list of expressions.

Hi,

I'm using the tabstrip control for a complex form for the user to fill out. I am trying to find a way to preload all contents of each tab in the tabstrip to ensure all the controls are rendered. This is required for my validations to work correctly.

I did not see any property on the Tab or TabStrip control to achieve this. Am I missing something?

Regards,

Ruud

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

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')
);

Hey

Small question: it is exists some approach to make Tabs in TabStrip reordable ?

Best

Serge