Hi,

There is an easy way for setting the prop id on rowRender or I have to do that :

I'm following the example for using a treelist

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

One thing I noticed is when I enter a filter term, the match result could be hidden/collapsed in the child of a displayed parent. Is there a good way to auto expand out and highlight the matched rows?

I would like to render a Field component outside the Form render function, is this possible? I would like to leverage the validator prop/logic that comes with the Field component.

const InputValidationWrapper = (fieldRenderProps) => {
  const { validationMessage, visited, enabledAutoComplete, ...others } = fieldRenderProps;
  const inputProps = enabledAutoComplete ? others : { ...others, autoComplete: "off" };
  return (
    <div className="pingora-val-i">
      <Input {...inputProps} />
      {visited && validationMessage && <Error>{validationMessage}</Error>}
    </div>
  );
};
const nameValidator = (value) => (!value ? 'Full Name is required' : '');
const App = () => {
return (
    <div>
      <Field
        id={'fullName'}
        name={'fullName'}
        label={'Full Name'}
        component={Input}
        validator={nameValidator}
      />
    </div>
  );
};

Thanks

Hi.

As the example on the documentation pages still uses react router 4 and I had to struggle a bit to make the Drawer component work with version 6, I thought I'd share an example of a possible solution. It's a little hacky because I send all unknown routes to home but it works. :-) 

Hope this helps somebody.

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

Greetings,

Bernd

I'm using stepper as a page navigation tool. You can either click on the stepper itself or click on a next button to go to next page.

Currently, when next button is click, I set the stepper value to the next stepper item. This works as k-step-current style is applied correctly, but k-step-focus is still on the previous item. Any solutions to update k-step-focus?

Stepper works as expected when clicking on the stepper itself.

Hi. I am using the React Scheduler component.

I am currently applying Scheduler version 4.12.0 ("@progress/kendo-react-scheduler": "4.12.0")
The width of the item is not filling the slot 100%. (with margin on the right) (v4.12.0 example)

But in version 5.5.0 it seems to be 100% filled in width. (v5.5.0 example)

(Please refer to the attached image.)

In version 4.12.0, is there a way to fill the slot 100% of the width of the item?

I'm rendering Kendo Treelist inside of a Kendo Window. Is there a good way to resize height and weight of treelist based on window's height and width?

Thanks

1) Can I use the kendoReact with a typescript template?

2) Is Telerik Dateatime picker in kendoReact support Persian date or another format like in windows app UI?

3) Can we create reports in kendoReact using your report tools?

4) I have already a material UI admin dashboard(https://minimals.cc/). Can I use kendoReact components inside and integrat Their themes (dark and lights)