-how to change the GridToolbar position, because by default this is rendered above the grid, and i need render that below the grid?

my solution is put the GridToolbar outside the grid object

-also i need change the GridToolbar height to fit with the size of my buttons

BR

As far as I can see, Kendo UI React has no "itemDisabled" prop for "DropDownList", but in Angular version it has. Will it be implemented in React?

For now, I've created such workaround. But there is one drawback: the dropdown after choosing disabled item is closed. How to avoid it?

Thanks in advance.

P.S.: here you use "renderValue", but in the demo on stackblitz you use "itemRender". Please, fix it.

Hello,

We have a dynamically created Grid for which we need to have an Excel Export. The code below returns an empty excel file (no data). What are we doing wrong?

// Parent file

import ClickTrackingGrid from './common/Grid';

import { ExcelExport } from '@progress/kendo-react-excel-export';

export default class EmailClients extends React.Component {
     _export;

     constructor(props) {
             super(props);

              this.export = this.export.bind(this);

    }

    export() {
             this._export.save();
    }

    render() {

             <button title="Export Excel" className="k-button k-primary" onClick={this.export}>Export to Excel</button>

             <ExcelExport data={this.props.ctGeographGeoFigures} ref={(exporter) => { this._export = exporter; }}>
                  <ClickTrackingGrid dataSource={this.props.ctGeographGeoFigures} />
             </ExcelExport>

    }

}

// ClickTrackingGrid file

import React from 'react';
import { Grid, GridColumn } from '@progress/kendo-grid-react-wrapper';

export default class ClickTrackingGrid extends React.Component {
       render(){
                 const { dataSource } = this.props;
                 var allColumns = dataSource.length > 0 ? Object.keys(dataSource[0]) : [];
                 var columnsToShow = allColumns.map((item,i) => <GridColumn field={item} key={i} />);
                 return (
                           <Grid dataSource={dataSource}>
                                        { columnsToShow }
                           </Grid>
                );
      }
}

I'm facing an issue where I have properties on my objects that contain a datetime, with a specific time. When I try to filter on these columns in the grid they wont be matched properly since the date used for filtering has the time set to 00:00:00. Is there a prop or option to pass the column somehow, to make sure that time is also being taken into the filtering process?

Thanks!

How can I add a theme, which only apply for the Kendo UI React Editor in a component and not globally?

I want to be able to set height and width etc.

I am trying to enable filtering on a date field. Everytime I hit the calendar filter I get

TypeError: Cannot set property 'getCurrentStack' of undefined
sp-webpart-workbench-assembly_en-ie_ece526ae9c4505c559f829872676137b.js:190
TypeError: Cannot set property 'getCurrentStack' of undefined

Any help would be fantastic

Hi,

I'm having a problem with a warning whenever I try to add "tools" to the Kendo UI Wrapper Editor for React to my component.

How can I fix this?

Here is the react html:

<Editor                                                             
tools = {["italic", "underline", "strikethrough", "justifyLeft", "justifyCenter", "justifyRight", "justifyFull", "insertUnorderedList", "insertOrderedList",
"indent", "outdent", "createLink", "unlink", "insertImage", "insertFile", "subscript", "superscript", "tableWizard", "createTable", "addRowAbove",
"addRowBelow", "addColumnLeft", "addColumnRight", "deleteRow", "deleteColumn", "viewHtml", "formatting", "cleanFormatting", "fontName",
"fontSize", "foreColor", "backColor", "print", "pdf"]}
/>

Here is the error:

Type 'string[]' is not assignable to type 'EditorTool[]'.
Type 'string' has no properties in common with type 'EditorTool'.ts(2322)

index.d.ts(3442, 9): The expected type comes from property 'tools' which is declared here on type 'IntrinsicAttributes & IntrinsicClassAttributes<Editor> & Readonly<{ children?: ReactNode; }> & Readonly<EditorProps>'

Hello,

Having troubles to make Kendo React  Window working, I googled and found a replacement using a popoup that can be found in npm package react-popout-component. It works well on Chrome, but fails on IE11 & edge. I have setup a sample on Stackblitz to reproduce the issue:

https://stackblitz.com/edit/react-ejq6dj?file=app%2Fmain.js

When one click on the "POP IT OUT!" button, a new popout window is displayed, the grid is rendered after few seconds, then an error appears (on edge) - please find a screenshot in attached picture. 

I was able to link the "Unable to get property 'direction' of undefined or null reference" to the Header.js file, line 31:

var rtl = this.element && (getComputedStyle(this.element).direction === 'rtl') || false;

getComputedStyle(this.element) is either undefined or null.

Any advice would be greatly appreciated,

Jean-Pierre

Hello,

We have a dynamically created grid which needs to have an excel export feature.

Parent file:

import { ExcelExport } from '@progress/kendo-react-excel-export';

// Below constructor method

export default class EmailClients extends React.Component {
_export;
constructor(props) {
super(props);

export() {
   this._export.save();
}

// In render method

<button title="Export Excel" className="k-button k-primary" onClick={this.export}>Export to Excel</button>

<ExcelExport data={this.props.ctGeographGeoFigures} ref={(exporter) => { this._export = exporter; }}>
    <ClickTrackingGrid dataSource={this.props.ctGeographGeoFigures} />
</ExcelExport>

The Grid component is called like this:

We are looking for a way to display a line graph (numbers for that day plotted against the time during that day) for the "Day" view of the scheduler.

Is there any way to achieve this and if so how would we go about implementing this?

Your help is appreciated!