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