I am using Kendo React Chart to display a donut chart.

Is there a way to get a callback when the ChartTitle is clicked?

Thank you.

Raymond.

I have a date picker in kendo react grid, and when a user enter a invalid date(01/01/0000) 

and press ENTER  key, the data is saving.

we already have the validation in  onblur function, and the error pop up will show while user enters the invalid date.

we need the solution as "The validation should happen similar as onblur function while user enter the invalid date and press enter key."

Could anyone help on this would be great.

Hi

I'm trying to show dates in Persian format in my component.

I have installed all required cldr-... packages, but the output is just "Object".(a text reading as Object)

I tried this code sample https://stackblitz.com/run/?file=app%2Fmain.jsx which I found in your documents

but received an error :

Hi,

     I am trying to add an Id to a MenuItem component for use in automated testing but I can't seem to get it to work. I have tried the approach mentioned in similar posts using ref but it doesn't seem to work with this component. I was wondering if anyone has any advice on how I could add an id here?

Hi there, 

Is it possible to have landing pad of dragging row on treeview along with the animation of other rows moving to provide space. please see in the attached video.

Thanks

Hi,

When we are trying to enter decimal values all as zeros in the numeric input cell of grid, with scale 10 and precision 18 ,
i.e., if in the numeric column enter "5.00" in one row, "5.500" in another row.
Upon Save or Reload (some postback), the trailing zeros are removed, which shouldn't. and the values are shown as 5 , 5.5 respectively, instead of 5.00 and 5.500

Could you suggest any way to achieve this, or is there an example on this grid numeric cell, as this is working in textbox outside the grid.

Thanks,

Seetha

I need to overwrite the default escape key keymap. I want to call my own function to cancel the editor when the user presses escape. I have a keymap for handling the Ctrl+s key. Escape doesn't seem to work the same way. Any ideas?

keymap({
   'Ctrl-s': (e) => {
      if (onCtrlSave) {
         let value = getHtml(e.doc);
         onCtrlSave({
            sender: 'kendoEditor',
            value: value
         });
      }
      return true;
   }
}),

Dear Kendo Team,

I have added a custom resource to the scheduler and it automatically recognizes the resource and shows it as a dropdown like I desired which is great. Now, all I want is to do the following:

1. Simply move the dropdown to the top of editor (is this possible without having to create an entirely custom template from scratch) 

2. Make the resource selection required

3. Disable the selection of time zone information 

Here is all the work I have been able to accomplish so far:

I ran into this article (https://www.telerik.com/kendo-react-ui-develop/components/scheduler/customization/form/editor/) and have the code working to the point where I have a custom validator function checking the field value and raising an error. Although the red highlight is shown underneath the custom resource, the error message ' field is required' is not shown.

My code is shown below:    

import { SchedulerForm, useSchedulerFieldsContext, SchedulerFormProps } from '@progress/kendo-react-scheduler';
import { CustomFormEditor } from './custom-form-editor';

export const FormWithCustomEditor = (props: SchedulerFormProps) => {
    const fields = useSchedulerFieldsContext();

    const requiredValidator = React.useCallback(
        (value) => (!value
            ? 'Field is required.'
            : undefined),
        []
    );  

    const customValidator = React.useCallback(
        (_dataItem, formValueGetter) => {
            let result: any = {}

            result[fields.title] = [
                requiredValidator(formValueGetter(fields.title))
            ].filter(Boolean).reduce((current, acc) => current || acc, '')

           //custom resource related field called 'customerId' validation below

            result['customerId'] = [
                requiredValidator(formValueGetter('customerId')),
            ].filter(Boolean).reduce((current, acc) => current || acc, '')

            return result;
        },
        [fields, requiredValidator]
    )

    return (
        <SchedulerForm
            {...props}
            validator={customValidator}
            editor={CustomFormEditor}
        />)
}

What is left:

1. Have the 'Field is required' validation message show up in the current approach

2. Move the resource selection dropdown higher up in the editor that opens (using the current approach or through the full editor customization approach)

3. Disable time zone selection completely (using the current approach or through the full editor customization approach)

For full editor customization, I was reading in the documentation here (https://www.telerik.com/kendo-react-ui/components/installation/source-code/) which states that licensed customers can download the source code of the Kendo React product. I would be interested in confirming that I can this approach with your technical sales team before proceeding further. 

Many thanks! 

Hello,

Does Kendo React offer a 'slide in' drawer component, that can slide in from either side of the screen and that can hold e.g. a form (like an extended dialog component)? 

I found a question on the forum from 2020 where the same question was asked: https://www.telerik.com/forums/non-navigational-drawer

In one of the answers, an example was given how to 'convert' the drawer component to offer this functionality. Does Kendo not offer a particular component for this?