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)

Hi,

We have an editable grid with multiple different editable field types outside of the basic TextInput including date fields, Combobox and multiselect. One requirement is to have the Enter key add a new row to the grid from the field in the last column - no mouse involvement, only keyboard navigation. With a field type of Text Input we can successfully implement with the onKeypress event. How can this event be implemented on the other field types that may be present as the editable field in the last column?

Example stackblitz here: https://stackblitz.com/edit/react-cw51ay-yswpbg?file=app%2Fmain.jsx

Does the Kendo UI for React grid have a search panel similar to the one for the ASP.NET Core grid?

Assuming it doesn't, we'd likely implement this outside the grid. Could we still use the toDataSourceRequestString functionality and incorporate the search string into that?