I put the Grid Container component above the Chart component in the hope that the child(Chart) component can follow the height of its parent, why isn't this working?

here is my code snippet

<TabPanel value={value} index={0} dir={theme.direction}>
   <Grid container spacing={3} className={styles['card']}>
      <Grid item xs={12} sm={6}>
          <ChartPredictionAnalytic />
       </Grid>
       <Grid item xs={12} sm={6}>
           <ChartAccuration />
       </Grid>
    </Grid>
</TabPanel>

Hi, how can I modify the excel export from the docs and add a footer cell I don't know how to include it in the excel export.

Please someone can show me how to do it? 

https://stackblitz.com/edit/react-9cw5ko?file=app/main.jsx

I've generated a React app that uses TypeScript and only added kendo-theme-material and I get warnings when building the production build. Since our CI system is set to fail on warnings it will stop the build and not continue. I don't want to ease up on that rule. I think that kendo-theme-material shouldn't give any warnings.

How should this be handled? It is a bit tricky to submit bug reports without a license and we don't want to buy a license for a component that isn't working as it should.

Reproduce:

npx create-react-app kendo-app --template redux-typescript
npm install --save @progress/kendo-theme-material

Add to App.tsx:

import '@progress/kendo-theme-material/dist/all.css';

Run:

npm start build

static/css/main.17a367f8.css from Css Minimizer plugin
postcss-svgo:: Non-whitespace before first tag.

> 1 | %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50…
    | ^
 webpack://./src/index.css:1:0

static/css/main.17a367f8.css from Css Minimizer plugin
postcss-svgo:: Non-whitespace before first tag.

> 1 | %3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 12 12'%3e%3ccircle cx='50…
    | ^
 webpack://./src/index.css:1:0

I need to set the initial filter value inside GridColumnMenuFilter.

The problem: initial value applies to filter under title but not apply to filter inside GridColumnMenuFilter.

Code example:

const initialFilter: CompositeFilterDescriptor = {
    logic: "and",
    filters: [
      {
        field: "isAdmin",
        operator: "eq",
        value: true,
      },
    ],
  };

  const GridColumnMenu = (props: GridColumnMenuProps): JSX.Element => {
  return (
    <div>
      <GridColumnMenuFilter {...props} expanded={true} hideSecondFilter />
    </div>
  );
};

 const columnProps = (
  field: string
) => {
  return {
    field: field,
    columnMenu: GridColumnMenu
  };
};

  <Grid           
        data={tableData.data}           
        filterable={true}
        filter={initialFilter}            
      >
    <GridColumn
       title={"Is Admin>"}
       {...columnProps("isAdmin")} />
    ...
 </Grid>

HI,

I have a Dialog with some Kendo controls - something like the attached screenshot.

const onSave = () => {
...
}
 

{props.visible && (<Dialog title={"Split Audience"} height={{dialogHeight}} width={800} closeIcon={false}>
    <Form onSubmit={onSave} render={formRenderProps => <FormElement>

...

        
        <Field name={"SS_"+index} maxLength={55} component={SegmentNameInput} defaultValue={segmentName+'_'+suffixValues[index]}
                validator={segmentNameValidator}/>
...
       </FormElement>
     }/>
    <DialogActionsBar layout={"end"}>
        <button
            className="k-button k-button-md k-rounded-md k-button-solid k-button-solid-primary dialog-save" type="submit">
            Save
        </button>
    </DialogActionsBar>
               
            

The issue is that the onSave submit handler never gets invoked.  I was wondering if it is because the <Form..> is within the dialog?

Any help would be appreciated.

Hi Team,

We are using kendo react licences version in our web project, we have suddenly some functionality like filtering in grid are stopped working. upon investigate, we found below message in console and we suspect this might be the reason.

License activation failed for @progress/kendo-react-intl
Your license expired on 15/09/2021, 03:34:16, the package was published on 18/01/2022, 19:57:51.

We followed steps documented in below link, but still not showing filter option in grid and keep getting activation fail message. is there something we are missing here?

https://www.telerik.com/kendo-react-ui/my-license/?utm_medium=product&utm_source=kendoreact&utm_campaign=kendo-ui-react-purchase-license-keys-warning

Hi there,

I'd like to turn off even/odd row highlighting for the Grid and use cell border instead. Also I'd like to change row height (smaller then default), rowHeight property doesnt' really help with that. 

I can do it by learning kendo css classes and override particular properties for certan classes but... I have many different vendors for different components and it's so a pitty to learn all the css classes hell...

It'd be supper cool to have something like turnOffAlternation and showCellBorder attributes on the Grid.

p.s. I easily predict answer but at least I gave a try :)