The scenario/issue:

When we scroll down to any section of the modal, then click the "PDF Preview" button, the PDF Preview shows correctly as expected. However, when "print" tool is clicked, the pages are not arranged in order. This only occurs when a printer is connected. But when it is printed, the actual printed pages are correctly ordered.

Additionally, we also noticed that in the official documentation https://www.telerik.com/kendo-react-ui/components/pdfviewer/toolbar/ , clicking the print tool does not display the pages in order. 

Question: 

Given the scenario above, is there a way to correctly display the pages in order when Print tool is clicked?

On kendo-react-form version 7.0.2, passing a validator to the Form component seems to invoke the validator function in an infinite loop.

When I render a form with the following code, my "Form Validation" console log prints to the console infinitely.  It doesn't seem to be a re-render issue, as my "Form Render" console log inside of the Form's render function does not seem to get called infinitely.

The particular form validator function I'm using for the purpose of this example is taken directly from https://www.telerik.com/kendo-react-ui/components/form/validation/#toc-form-validation.  

Can anyone advise me on whether this is the expected behavior, or if there is a problem with kendo-react-form 7.0.2, or if there's something obvious that I'm doing wrong in my implementation?

export const UserForm = (props: UserFormProps) => {

    const handleResponse = (result: any) => {
        setServerErrorState(result);
 if (result.errorDetails?.length > 0 || result.errorMessage) {
            onSubmitError(result);
 }
        else {
            setServerErrorState(null);
 onSubmitSuccess(result);
 }
    };

    const firstNameGetter: any = getter("user.firstName");
 const lastNameGetter: any = getter("user.lastName");

 const firstOrLastNameValidator = (values: any) => {
        console.log("Form Validation");
 if (firstNameGetter(values) || lastNameGetter(values)) {
          return;
 }
      
        return {
          VALIDATION_SUMMARY: "Please fill at least one of the following fields.",
 ["user.firstName"]:
 "Please check the validation summary for more information.",
 ["user.lastName"]:
 "Please check the validation summary for more information.",
 };
      };

    return (

        <Form
            id="test"
            initialValues={props.editorUser}
            onSubmitClick={handleSubmit}
            validator={firstOrLastNameValidator}
            render={() => {
                console.log("Form Render");
                return (
                    <FormElement>
 <div className="form-content-container" style={{ overflowY: "scroll" }}>
 <UserInformationSection /> //returns Field components wrapped in div
<UserAddressSection /> //returns Field components wrapped in div</div>
 </FormElement>
 );
            }}
        />
 );
};

Greetings!

I am using the Kendo-React data grid for live updates. However, I am facing an issue where duplications of rows occur inside the grid when trying to reorder a row by drag and drop. It works fine for static data but doesn't work for live updates. Can someone help me understand why this is happening?

I just used the same code mentioned in the below documentation.

https://www.telerik.com/kendo-react-ui/components/grid/rows/row-reordering/

Any assistance would be appreciated.


Regards,
Fareed Alam

Problems with the "Field > Combobox" component when passing all the data, label and component properties to it, no problem, but when I add "textField" the combobox gives me a list of [object Object]. Maybe I'm passing the properties wrong, could you give me some clue? 

I have the list of "moneda" that is passed in data through the API.

In the attached image you can see that it loads the list with the value of 'CLP' which is correct and you see the [Object object] list. Greetings

   const [currency, setCurrency] = useState([]);

   useEffect(() => {
     (async() => {
       const currency = await getDefiCurrencies();

       setCurrency(currency);
     })();
   }, []);

---------------Edit Form --------------------------
                   <Field
                     id={'CodiMone'}
                     name={'CodiMone'}
                     label={'Currency'}
                     component={FormComboBox}
                     // textField={'CodiMone'}
                     data={currency}
                   />

Hi there,

Referring to the Editor and Editortool @progress/kendo-react-editor,

How can I use Print tools with multiple orientation. For Example, Potrait orientation for page 1 and Landscape orientation for page 2. 

Hello,

Please refer to this stack blitz demo based on Customization of Editot

Need to open below custom Scheduler Form with default Recurrence Rule UI when user clicks on the button "New Schedule" .


When trying to add a recurrence Rule component, it gives the below error. (Please check commented code into custom-form-editor.tsx file 

Good evening,

Is there a way to keep a certain filter expression hidden ("Is not null") while still applying it on External filter?

Please help, thanks!

Jason