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

How could I reload component when dataSource(data) was changed?

For example, I want add filtering for my treeview.

If I just change dataSource, nothings happens. So,  I need to use "setDatasource". 

One project is built on React for reasons, and stakeholder wants a mature grid component.

The Kendo UI Grid component for JQuery looks like the better choice.

Via kendo-grid-react-wrapper I can display the grid on a React page and do some basic interaction with it.

Before proceeding further, can you tell me if every feature in the JQuery Grid component is available via the React wrapper or are there some features that will break a page rendered by React ?

Hi,

I'm playing with the new Kendo React components and in particular the Grid component.

I create a custom cell with a button inside " <Column field="Id" cell={Links} />" , when I click the button inside the Links component I need to propagate the event back to my main component, the one that contains the Grid.

How can I do?

Thanks