Hi there,

I have a flex layout with a following configuration:
-----------
| 1 |    2    |
-----------
| 3 | Grid |
-----------

I'd like a Grid to have an auto height (depends on the free space) with scrollbar showing, but I cannot reach such setup. Here is example:
https://stackblitz.com/edit/react-kgfbgg-bt4gpa?file=app%2Fmain.jsx

Even though the Grid has a scrollbar there is also scrollbar on entire page I would like to get rid of.

Thanks in advance!

Hi

i have implemented detail grid using sample https://www.telerik.com/kendo-react-ui/components/grid/rows/hierarchy/

I have pagination implemented on child grid, when i change page of any one of child grid,  all the child grid page is getting their page #.  is there a way to achieve this?

Hi,

The Calendar example on https://www.telerik.com/kendo-react-ui/getting-started/ does not work. Also using the Grid does not work. Although, the Button component works fine.

Version of react and react-dom is 17.0.2. Version of the react components is 5.0.1. npm version 8.3.2

Error: 

Hello.

I have a question. Is the 'more tools' functionality planned (button on the right with three dots and pop-up menu) in the near future, as we can see in the toolbar for JQUERY?

For example here: Resizing in jQuery ToolBar Widget Demo | Kendo UI for jQuery (telerik.com)

Well thank you.

Is there a way to focus the autocomplete inputbox on pageload?

Input has "autofocus" props, is there anything for autocomplete? thanks!

Hello, I am currently working on a react project using Data Grids and I am getting the same error when I scroll down the page(not the data grid). I have 2 accordion displaying them and only happens when I open and scroll on the 2nd accordion. The error results to broken page if I continue scrolling. The error only happens if I open the 2nd accordion and then scroll.

I have searched solutions over the net and most of the answer is that it happens when a data returns a null value. The error only occurs when I scroll but the data is displayed correctly. I am using states to assign the data from my API and I am using that state as the data prop for my data grid. I don't think the state data is updated to null when I scroll since I am not using the prop onScroll in my data Grid.

Hi, I have my license on

https://www.telerik.com/kendo-react-ui/my-license/

and trying to add KendoReact to an existing react application.  When following instructions and running "npm install --save @progress/kendo-licensing", I get this error: "Unable to authenticate, need: Basic realm="Artifactory Realm""

PS C:\Users\NBKVCNE\source> cd pcoe
PS C:\Users\NBKVCNE\source\pcoe> npm install --save @progress/kendo-licensing
npm ERR! code E401
npm ERR! Unable to authenticate, need: Basic realm="Artifactory Realm"

npm ERR! A complete log of this run can be found in:
npm ERR!     C:\Users\NBKVCNE\AppData\Roaming\npm-cache\_logs\2022-01-21T16_29_56_327Z-debug.log

I have a standard HTML input with the following configuration.

<input type='file' placeholder='Select file' onChange={handleChange} />

The input is processed by a button click with event handlers attached.

I want to replace this element with a KendoReact component that can restrict file types uploaded. Is the Upload component with autoUpload disabled the best option? 

     <Upload
     autoUpload={false}
     onChange={handleChange}
     onClick={uploadFile}
     batch={false}
     restrictions={{ allowedExtensions: ['.jpg', '.png'] }}
     defaultFiles={[]}
     withCredentials={false} />

Hi, 

I have an Excel and PDF export over my grid using the following:

<ExcelExport data={data} ref={_export}>{grid}</ExcelExport>
<GridPDFExport ref={(pdfExport) => (gridPDFExport = pdfExport)}>
{grid}
</GridPDFExport>

I have a multiple page grid and all pages export. However if I apply a sort to the grid and export, the sort does not retain on the export. If I instead use dataResult.data (which has the sorted order), it only shows the first page.

How do I export all pages but retain the sort, column order etc?

Is there an elegant way of integrating dateinput with formik?

My code below works however it's  tedious (not DRY :( ) to implement. It will require a state for every date input.  I hope you don't mind sharing your code. Thanks

const ClaimsForm = () => {
    const [value, setValue] = React.useState<Date | null>(new Date());
    const changeDate = (event: DateInputChangeEvent) => {
      setValue(event.value);
    };
    
    const initialValues = {
        decisionDate: value
    };

    const handleSubmit = (values: any) => {
        console.log(values)
    }

  return (
        <Formik
            initialValues={initialValues}
            onSubmit={handleSubmit}
            enableReinitialize={true}
            >
        
        {({ isSubmitting }) => (
            <Form>  
                <DateInput name='decisionDate' value={value} onChange={changeDate}  />
            </Form>
        )}
  )
}