Telerik Forums
KendoReact Forum
1 answer
209 views

I'm migrating KendoUI for jQuery to React. In jQuery version of Kendo Grid was possible to set "values" property to columns with "id" values.

In React version of the kendo grid, the "values" property for the GridColumn component is not available. How can I make the same like in jQuery version?

 

Thanks a lot for an each help.

Wissam
Telerik team
 answered on 10 Aug 2022
1 answer
1 view

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
3 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
0 answers
2 views

I am using Kendo React grid along with detail rows (expand functionality)  which works well as per the example stated.

However i need to specify another explicit "Expand ALL" button that should open the detail view of all the rows in the result page.

I  tried few attempts but facing issues while binding  this new button state behavior with the "onExpandChange" and "onDataStatechange".

 

I am using pagination and filtering also in this grid. Can you please provide working example for this.

Darshan
Top achievements
Rank 1
 asked on 21 Mar 2023
1 answer
5 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
0 answers
4 views

Hello team,

I Need some help in understanding the license mechanism when the react application is deployed in client location (on-premise).

Right now the license is put on 'kendo-ui-license.txt' file in the src code.

When the application is bundled , will this license be read and used from 'kendo-ui-license.txt' ? or any other way has to be followed?

or help me understand to use license in product bundling.

Nithya
Top achievements
Rank 1
Iron
 asked on 20 Mar 2023
3 answers
14 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
6 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
5 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
7 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
Top users last month
Torben
Top achievements
Rank 2
Iron
Scott Waye
Top achievements
Rank 2
Veteran
Iron
alex
Top achievements
Rank 2
Iron
Iron
Iron
Chris
Top achievements
Rank 1
Iron
Mohamad Javad
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?