Hello, 

I added a Tailwind drop-shadow to my KendoReact Card components and noticed that any component with adaptive rendering stopped rendering properly and was bound to the Card.

Here is a Stackblitz example. The bottom card with the green background demonstrates the problem.

https://stackblitz.com/edit/react-hb3jww-fkedu8?file=app%2Fmain.jsx,app%2FCustomCard.jsx,index.html

I also came across this about it being more of a CSS issue than one specific to Tailwind.

https://github.com/tailwindlabs/tailwindcss/discussions/9029

I discovered that I could replace "drop-shadow" with "shadow" for my purposes and everything now works as expected. You can close this ticket. I am submitting this because you guys have been really helpful to me and hopefully this helps someone else in case they run into this strange behavior and start pulling their hair out. There is probably a better place to submit this but I had already started down this path before figuring it out on my own.

Thanks,

Julian

 <PDFExport
paperSize="A4"
forcePageBreak=".page-break"
pageTemplate={PageTemplate}
margin={{
top: "6.5cm",
left: "1cm",
right: "1cm",
bottom: "3.5cm",
}}
ref={(pdfExport) => (gridPDFExport = pdfExport)}
>

I am using this type of code, but I have some conditions that can be applied. I am clicking the save print button. The PDF background colour is red. After saving is completed, it can be set to a green colour. How to fix these issue  beacuse I am prrint a PDf is always set a Green color in print time 

Greetings,

I found out that the External filter allows the user to type in the first DropDownList to search for the column name before selecting it.
Is it possible to change the first DropDownList onChange function to delay an action until the user stops typing before triggering the search?

Please help, thanks!

Jason

Hi,

Is there a way to sort the checkboxes when using GridColumnMenuCheckboxFilter? Please see the attached image.

Thanks,

Jie

Hello,

After updating to 7.0.2 all my kendo react packages i have noticed that my form don't reset  values in fields when calling formRenderProps.onFormReset(). Previously on versions 5.19.0 it worked like a charm, i would just call onFormReset and all values would be cleared in all the fields.

I have managed to solve the issue with the key state but it feels like a hack and a workaround since that triggers a rerender and there is a function built in to solve that. I also don't like the ref approach because I can't type the ref in TS. All in all, the best would be if formRenderProps.onFormReset would work like before and clear all the values in all the fields.

Here is demo from your page with all 7.0.2 and it doesn't clear the values:

Form 7.0.2

Here is same example i just changed the @progress/kendo-react-form to version: 5.19.0 and it clears the values:

Form 5.19.0

Best regards.

So here i am after 3 days of struggling with kendo excel sheet, i have this use case that i want to apply. 

I have data that i am showing on kendo spreadsheet. there is the one column under the name values and other columns are disabled,  that values column can be changed and applied at the same time in another column right by its side that is also disabled. 

Also the change in the value column and the new data that has been now modified with the new values in the excel i want it to be saved with me so i can use it.

is it possible in kendoReact spreadsheet ?

if yes, than can any one explain it step wise to me with proper basic code example of the kendoReact spreadsheet that will be great and appreciated. Also i am working on react.

Thanks

Hello,

I recently asked a question about an infinite form re-render, and I was able to track it down to a problem misusing the Field component's validator prop.  Unfortunately, I'm struggling to achieve the desired functionality using kendo-react's recommended usage.

We'd like to be able to have a set of reusable and minimally customizable validators, for example, a length validator with a configurable maxLength value.

Here's what we have so far:

importReactfrom'react';
import { Field, FieldArray, Form, FormElement, FormRenderProps, FormSubmitClickEvent, FormValidatorType, KeyValue } from'@progress/kendo-react-form';
import { lengthValidator } from'./validators.tsx'exportconstUserForm = (props: UserFormProps) => {

    return (
        <Form
            render={() => {
                console.log("Form Render");
                return (
                    <FormElement>
                        <div className="form-content-container" style={{ overflowY: "scroll" }}>
                            <Field
                               name="test"
                               component={FormInput}
                               validator={lengthValidator(10)}
                           />
                        </div>
                    </FormElement>
                );
            }}
        />
    );
};


export const lengthValidator = (maxLength: number) => {
    return (value: any, _valueGetter: (name: string) => any) => { 
        if ( value ) {
            const valueStripped: string = value.replace(stripMaskRegex,""); 
            if ( valueStripped.length > maxLength ) {
                return  " Cannot exceed length " + maxLength;
            }
        }
        return undefined;
    };
};

Here is a stackblitz session demonstrating what we're wanting to do.  As you can see, it causes an infinite loop, as demonstrated by the re-render log in the Form's render function.

https://stackblitz-starters-oys53t.stackblitz.io

Obviously we are not doing this in the correct way, but I'm hoping someone can show me that there is a way to correctly create reusable validators that can take configuration arguments like this maxLength on a per-field basis.

Thanks!

Hi

I'm using a line chart in my project, but I don't want to show or hide the corresponding line by clicking on the legend. I blocked the default click event, but the hand pointer still remains when the mouse is over the legend. Is there any way to solve this?

Looking forward to your reply, thank you.

Regards,
Sunny