I have a KendoReact form, it has its own initialValues, and a controlled input field:

 <Form
                        ref={formRef as MutableRefObject<Form>}
                        onSubmit={handleOkButtonClick}
                        initialValues={initialData}
                        key={JSON.stringify(initialData)}
                        render={({ valid, visited }: FormRenderProps) => {
                            return (
                                <FormElement>
                                    <StackLayout gap={1} orientation={'vertical'}>
                                        <StackLayout gap={1} orientation={'vertical'}>
                                            <FieldWrapper>
                                                <Label>
                                                   'Name'      *
                                                </Label>
                                                <Field
                                                    name={'Name'}
                                                    component={InputFormComponent}
                                                    autoFocus={true}
                                                    validator={ValidationWorker.isRequired}
                                                    maxLength={255}
                                                    value={nameOfProfile}
                                                    onChange={(event) => {
                                                        setNameOfProfile(event.target.value);
                                                    }}
                                                />
                                            </FieldWrapper>

when I press on Copy button, new set of initial values need to be populated and inserted in the Name field, basically concatenating the string `- Copy` :

const handleCopyButtonClick = async () => {
        await uiHelper.blockUI(async () => {
            try {
                 await createOssSoProfile();
                setNameOfProfile(nameOfProfile + ` - Copy`);
                setInitialData({ Name: nameOfProfile + ` - Copy`, ...initialData });
            } catch (e) {
                uiHelper.showError(e);
            }
        });
    };

it only refreshed my form values once, so I can already see (name - Copy) 

second time I press Copy I expect it to be (name - Copy - Copy)

but it is not reflecting in the form, only in the state

what am I missing?

Hi, 

I would like to have timeline month and timeline week views in React Scheduler (same as in jQuery Scheduler). What is the correct way to do it?

I tried setting numberOfDays prop to 7 and 30, but the problem with this approach is that the views start with current date and not with the beginning of the current week/month. I noticed there is also dateRange prop, but I cannot figure out what exactly to pass to it. 

Thanks

Radek

In my previous projects with kendo the grid i used a <Grid> component with default theme.

I made an identical one, but here kendo ui grid is behaving like a table and has k-table class and the header has .k-table-thead. The old project only has k-grid-table class and it works good. The kendo,  react, node, versions are the same, and style sheets are the same too.

But why is it behaving differently?

Hi Team,

I need to build a treeview kind of feature where I can dynamically add child nodes .when user click parent node a button can be used to add child nodes.
Something like below attached snapshot. I surfed for examples but couldn't make out. Kindly share some reference to achieve this.

Hello,

I would like to ask if it is possible to customize reasource cell in Timeline view in Scheduler control. I would like to show user specific icon and multiline text,

I found similar question from 2020 (https://www.telerik.com/forums/scheduler-customization-questions), did you already implement such a  functionality?

Thanks

Matus

Greetings,

Is there a Kendo Tags (standalone component) I can use inside the Card body content?

I found this image that has tags inside the card body content. It would be great if the tags are closable.

Please see the attached image. Thanks!

Best Regards,

Jason Li

Hi,

Disabled KendoReact Bootstrap theme inputs have a very different appearance to HTML Bootstrap inputs when disabled. Bootstrap inputs have a greyed out appearance (https://getbootstrap.com/docs/5.0/forms/form-control/#disabled) whereas the opacity only changes for KendoReact inputs (https://www.telerik.com/kendo-react-ui/components/inputs/textbox/disabled/).

Is there a reason why the styles are different? Is there anything we can do to make a disabled KendoReact input look like a disabled Bootstrap input?

Kind regards,

David

Hi guys I am trying to use GridPDFExport component. Use the same exact code as example. got this error.