I am following the most basic example of using the Kendo React Grid from https://www.telerik.com/kendo-react-ui/components/grid/

I am using Webpack to bundle my files.  When I create a project with like the example above, the generated file is at /node_modules/@progress/kendo-react-grid/dist/es/main.js is 1.16 MB in size which is massive.  

My webpack.config.js file looks like

This file size makes it debugging in the browser dev tools almost impossible as the browser hangs.

I've used the React wrappers previously, the file sizes were tiny in comparison.

Is this expected or has something gone wrong in my setup?

I have problem with importing styles into react project using Kendo ui default style template. I have described it in more detail on stackoverflow. 

https://stackoverflow.com/questions/50576958/react-kendo-ui-styles-module-failed-to-parse-you-may-need-an-appropriate-loa

Hello,

I am having issues with inputs and forms inside of the PanelBar component. Inputs do not allow spaces, and forms cannot be submitted when pressing enter.

My best guess is that the keyboard navigation feature of the PanelBar is preventing these from propagating. Is there a way to turn this off? I didn’t see an option in the docs.

Here’s a link to one of the example plunkers that I modified to show the issue: https://plnkr.co/edit/mgd7FRGLjAvWpEULu883?p=preview

Hello,

I am currently using kendo's bootstrap 4 and had a question about button theming. How can I change the color of a button to be like the danger colored button as seen here [1]? I tried using the "color" prop that the Button component takes in but it does nothing. I can forcefully change the background through inline styling but was wondering if there was a better approach. I just figured the button styles would be supported by just saying: color=" or color="success"

[1] https://getbootstrap.com/docs/4.0/components/buttons/#examples

Is there a way too validate the dropdown and date picker with the new react components?

Thanks

Switching the active tab with the Telerik React TabStrip component seems to always re-instantiate any components within the <TabStripTab>. This isn't an issue with basic tabs containing only text such as the examples on the Telerik website. However, some of our tabs contain heavier items like data bound charts. Re-instantiating these components on each selected tab change is too costly.

Is there a way to prevent this behavior? We have tried using Bootstrap's tabs and they do not have this same side effect. With bootstrap, the components contained inside the tabs are simply re-rendered.

hi..

I use react-kendo for ui .

How to open 2 or 3 windows in a file and point them to them using the ID and Ref ??

```

class LayoutsContainer extends React.Component {

openwin1() {
$("[data-role='window']").each(function (index) { $(this).data('kendoWindow').open()});
}

openwin2() {
$("[data-role='window']").each(function (index) { $(this).data('kendoWindow').open()});
}

  render() {

return (

<div>

<Window id="win1">

hi

</Window>

<Window id="win2">
Hello
</Window>

<span id="undo1" className="k-button" onClick={this.openwin1}>Click here to open the Window1</span>

<span id="undo2" className="k-button" onClick={this.openwin2}>Click here to open the Window2</span>

</div>

); } }

```

this code not working...

please help me

Hello,

I have a GridColumn which is a date in ISO format. I have added the format option,"0:MMM yyyy", to obtain an understanding of how the process functions. The format appears to be ignored as the ISO format is displayed.  Is there a property where I should be specifying the datatype for each column?

I am including my rendering for reference:

 <Grid data={this.props.dataItem.details}>
                <Column field="status" title="Status" width="120px" />
                <Column field="status_Notes" title="Status Notes" />
                <Column field="status_Date" title="Status Date" format="0:MMM yyyy" />
  </Grid>

Best regards,

Joe