I am using ExcelExport...
import { ExcelExport, ExcelExportColumn } from "@progress/kendo-react-excel-export";
one of the columns being exported is an Enum value. Is it possible to export the data and have the excel column be a dropdown picklist? I've attached a file of an example
Thanks
Hi,
How do I create a multi-row cell in footer? I have attached a screenshot as reference. Thank you
Hi
I am currently using kendoReact TreeList and using custom filtering for text. I want to limit allow filtering to happen only after user enters 3 or more characters. For this I want to show a placeholder saying "Enter more than 3 characters to filter....". Can I add a placeholder to the filter header ?
Thanks and Regards
Gaurav Thakur
Hi,
Good day!
Thanks for this wonderful library - we actually have a paid license in using ReactKendo.
Just a concern, because right now we are using TypeScript for us to improve our code quality but most of the Components in KendoReact is using any and not even allowing to pass a generic type.
Like for example in using KendoGrid - the data has `any` property so when rowClick is triggered, it returns `any` data type for `dataItem`
So what I did was, I wrapped the KendoGrid Component that would allow Type-Safety and override the `onRowClick` and any other functions that involve sending `dataItem` property.
Thanks!
Best Regards,
Lee
Currently, this is possible with CSS animation only:
https://github.com/telerik/kendo-react/issues/326
Is there a workaround for this issue?
I'm looking at implementing a Chart with multiple ChartPane, each with their own legend displaying only the series displayed in the respective pane.
Here is an example of the layout with separate charts: https://stackblitz.com/edit/react-xtyhbu-muedhd?file=app%2Fmain.js
After speaking with support, they suggested I created a feature request here.
Add KendoReact PivotGrid.
Currently, there is only a wrapper:
https://docs.telerik.com/kendo-ui/third-party/react#pivotgrid
Hello,
After taking a look at your example in the documentation here (which doesn't seem to be working) https://www.telerik.com/kendo-react-ui/components/charts/chart/elements/selection/#using-selection-as-navigator
I fixed the onSelectEnd function and got it working. However, the selection chart is reloading the data every time onSelectEnd changes this.state.min and this.state.max.
Here is the example:
https://stackblitz.com/edit/react-nub1sc?file=app/main.jsx
As you can see, this makes for a clunky UI.
If this isn't a bug, do you have suggestions on how to fix this?
Thanks,
Orla
Hi,
I have Scheduler vertical timeline with an user group and more users I add the wider is every slot. Example 2 users https://stackblitz.com/edit/react-dttghr?file=app%2Fmain.jsx . Example 4 users https://stackblitz.com/edit/react-dttghr-a3nor3 the slot is double in width in comparation with 2 users. Can I control this somehow?
Allow sorting per column by a field other than the displayed field on the column. This goes for group sorting as well, when grouped by a certain field, the groups can only be sorted by that field, when we actually need those groups sorted in an arbitrary order we have defined in another field on the data.
https://github.com/telerik/kendo-react/issues/633
Add virtualization to the TreeView component to handle large trees.
Each node should be possible to have open at all time.
Each node should have the possibility to be selectable with a checkbox.
Add a Breadcrumb component.
Similar to what we have in Kendo UI for jQuery:
https://demos.telerik.com/kendo-ui/breadcrumb/index
The Angular ButtonGroup has a 'selection' property that is not present in the React ButtonGroup.
This functionality would be nice to have in React.
The following code snippet is the temporary fix that has been provided to me by support to mimic Angulars functionality in React.
import React from 'react';
import ReactDOM from 'react-dom';
import { Button, ButtonGroup } from '@progress/kendo-react-buttons';
class ButtonGroupContainer extends React.Component {
state = {
selected: null
}
groupButtonClick = (e) => {
this.setState({
selected: e.target.id
})
}
isSelected = (index) => {
return index === parseInt(this.state.selected) ? true : false
};
render() {
return (
<div className="row">
<div className="col-xs-12 col-sm-6 example-col">
<ButtonGroup>
<Button togglable={true} id={1} selected={this.isSelected(1)} onClick={this.groupButtonClick}>
Bold
</Button>
<Button togglable={true} id={2} selected={this.isSelected(2)} onClick={this.groupButtonClick}>
Italic
</Button>
<Button togglable={true} id={3} selected={this.isSelected(3)} onClick={this.groupButtonClick}>
Underline
</Button>
</ButtonGroup >
</div>
</div>
)
}
}
ReactDOM.render(
<ButtonGroupContainer />,
document.querySelector('my-app')
);