Telerik Forums
KendoReact Forum
1 answer
1.0K+ views

Hi, I would like to ask, if is somehow possible to submit Kendo Form programatically. I checked Form ref and also formRenderProps, but there is not method "submit" (or another) to submit form by the script.

Is it somehow possible? I would like to somehow submit this example form without submit button.


// How to submit this form programatically by the script (without submit button)?

<Form onSubmit={handleSubmit} ref={refForm} validator={formValidator} initialValues={initialValues} render={(formRenderProps) => { return <FormElement> <fieldset className={"k-form-fieldset"}> <div className="mb-3"> <Field name={"title"} component={ValidatedInput} label={"group.title"}/> </div> <div className="mb-0"> <T _translateProps={['label']}> <Field name={"description"} component={ValidatedTextArea} label={"group.description"}/> </T> </div> </fieldset> </FormElement>; }} />;

Thanks a lot.

 

Konstantin Dikov
Telerik team
 answered on 21 Mar 2023
1 answer
393 views

Hi Team,

I am using kendo react in my project. I need a Datepicker which should open on button click instead of input field with save and cancel button inside Datepicker.  I saw this option inside datetimepicker but i don't need time in my calendar. 

 

Konstantin Dikov
Telerik team
 answered on 21 Mar 2023
1 answer
700 views

Ref: npx kendo-ui-license activate

Does this command need to be done for each build or once per build environment?

Wissam
Telerik team
 answered on 20 Mar 2023
3 answers
124 views

Hello,

I would like to ask if it is possible to show multiline items in timeline view in scheduler. It seems that the height of item is 25px by default. I would like to make it larger as you can see on the attached image.

Thanks

Matus

Wissam
Telerik team
 answered on 20 Mar 2023
1 answer
143 views

It appears the Menu component is not responsive. How to make it responsive?

There is a responsivepanel for Kendo Jquery to enable this, is there something similar in KendoReact?

I cannot use the Appbar because of submenus.

Thanks.

 

Vessy
Telerik team
 answered on 20 Mar 2023
1 answer
154 views

Hi.

I have achieved to hide the Fullscreen and Minimize buttons of the Window component but if I double click the title bar, the window still goes to fullscreen mode, even though I set the stage to "DEFAULT". How can I avoid that double clicking on the title bar goes to full screen mode?

Example here: https://stackblitz.com/edit/react-ccd1uy?file=app%2Fmain.tsx

Thanks!

Greetings,

Bernd

Konstantin Dikov
Telerik team
 answered on 20 Mar 2023
1 answer
198 views

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?


 
Konstantin Dikov
Telerik team
 answered on 18 Mar 2023
1 answer
176 views
Hey, I found a bug in the grid with drag and drop, trying to move an alement to the last place in the list grid starts scrolling endlessly.
You can check it on here - https://www.telerik.com/kendo-react-ui/components/grid/examples/row-reordering/custom/func/?theme=default-ocean-blue&themeVersion=6.0.3 (grid with drag and drop from documentation - https://www.telerik.com/kendo-react-ui/components/grid/rows/row-reordering/#toc-kendoreact-dragdrop ) and on the video which I attached in the attachments.
Wissam
Telerik team
 answered on 17 Mar 2023
1 answer
110 views

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

Wissam
Telerik team
 answered on 17 Mar 2023
1 answer
121 views

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?

Vessy
Telerik team
 updated answer on 17 Mar 2023
Narrow your results
Selected tags
Tags
+? more
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Bohdan
Top achievements
Rank 3
Iron
Iron
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Elliot
Top achievements
Rank 1
Iron
Iron
Iron
Sunil
Top achievements
Rank 1
Cynthia
Top achievements
Rank 1
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?