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!

I was looking for a rich text editor with KendoReact, and I happened upon the react wrapper for kendo ui.  This confused me.  So is the wrapper just a wrapper around the kendo ui javascript library that lets me use it in a react application whereas KendoReact is a full on react implementation of the components?  Which should we use? Can/should I use BOTH? Is the react wrapper for each kendo ui component limited in any way?  If I can just use the wrapper, why does KendoReact exist?

If I use the wrapper, does the Kendo UI code get included in my webpack bundle.js? or is that a separate include?

     Hi, 

I'm trying to get the correct date format for different countries in the date picker input field in the grid when entering "edit mode" for the cell containing a date, but I can't find any documentation or examples showing me how to wrap the grid component in the correct way, or what is needed for the IntlProvider to do this for me?

Hello,

I am getting familiar with Conversational UI to use it with Dialogflow.

Is it possible to have line breaks in the text, if the text consists of 2 or 3 parts. 

I am taking this as the sample project: https://www.telerik.com/kendo-react-ui/components/conversationalui/integrations/dialogflow/

Thanks

Hello,

  I try remember column width if user changed column size and recover if return to page back. OnColumnResize event is fine, but if user change expand column (index 0), I am not able to recover width of column "expanded" (which is autogenerated ...) ?

  Thank you Pavel

i have a kendoreact dialog and inside this i put a dropdownlist but this don´t display the items.

my code is:

<Dialog title={"Detalle Asiento"} width="500px" onClose={this.cerrarDialogo} persist="true">
<form className="k-form">
<fieldset>
<tr>
<td className="col-xs-1">
<label className="k-form-field">
<div className="lbl1">Cuenta</div>
    <DropDownList data={cmbCuentas} dataItemKey="id" textField="Descripcion" />  </label>
</td>
</tr>
</fieldset>
</form>