Hello,
I am currently working to implement Kendo React grid column filters (specifically the GridColumnMenuFilter) on custom cell columns in a grid and have run into issues with our dropdown cell columns.
We are using the Kendo React combobox component as a custom cell in our grids, but are running into issues with the filtering due to the nature of the control having both a value and description which need to be different. Right now, when we type into our column menu filter, it is filtering the column based on whether the dropdown value (the code behind the description the user sees) matches the filter instead of trying to match the description (which is unhelpful for end users). Is there a way to have the column menu filter for this specific column use the description of the column instead of the value (without messing up the combobox displayed description) or will this likely take a lot of extra coding to implement? Any thoughts or feedback on this issue would be helpful!
Thanks,
Andrew
I have used the Grid component with the select functionality and was wondering if I can somehow disable the select all checkbox in the header but still be able to select multiple rows of the grid. Is this possible?
i know if using Span i can colour an icon like this:
<span className={`fas fa-question-circle`} style={{ color:'red' }}/>
How do I change the icon colour for each PanelBarItem? This does not work:
<PanelBarItem
title={myTitle}
key={myKey}
iconClass={`fas fa-question-circle`} style={{ color:myColour }}
>
Item contents
</PanelBarItem>
Hello, I am using KendoReact DropDownTree component for my form and i want to create a label for it so when i do click on the label DropDownTree opens,
i've tried to implement it in the same way as it is done for dropdownlist
DropDownWrapper:
but it doesn't work for me, when i click on the label it just focuses DropDownTree but doesn't open it, what am i doing wrong?
I have a chart with multiple series with a shared tooltip.
I am using a selection navigator on the bottom of the chart. I want to exclude that series from the shared tooltip. I set tooltip={{visible: false}} but that does not work. Wondering if there is something I am missing. Seems like it should be possible to exclude a series from a shared tooltip.
Thanks,
Nate
Hi.
I have setup the Grid component with data from an API call and that all works pretty well. I have also setup a TreeView with data that basically shows locations (states and cities). Also one of the columns in my Grid shows cities.
What I want to achieve is if a user selects a City in the TreeView component, the filter of the Grid Column of the city field should be set to the selected city of the treeview. I know I can use the TreeViewItemClickEvent to handle the clicked item in the TreeView but I am not sure how to put the text of the selected treeview Item into the filter box of the Grid Component. Can you please point me in to the right direction or maybe even have an example on how to do this?
Thanks!
Hi,
When viewing a schedule on tablet / mobile views , to move the timeline back/forward, an empty part of timeline needs to be dragged in order to move the timeline. If the drag is started from an event, then the timeline slide / drag event does not occur. Is this possible to achieve so that dragging an event moves the timeline?
How can we stop losing precision on the grid's numeric cell editor?
https://stackblitz.com/edit/react-wwbyfu?file=app/main.jsx
Hi,
I see that the maxDivisions work for dates (category axis documentation) on the CategoryAxis, how about for ints?
My data is like this:
[{period: 1, value: 2}, {period: 2, value 5},...]
I have a chart with about 360 "categories", using this code I still receive the below graph... How can I use divisions for the category axis of ints or is there another solution?
<Chart>
<ChartSeries>
<ChartSeriesItem
renderAs={"canvas"}
data={curveValues}
type="line"
field="value"
markers={{ visible: false }}
categoryField="period"
/>
</ChartSeries>
<ChartCategoryAxis>
<ChartCategoryAxisItem maxDivisions={30} />
</ChartCategoryAxis>
<ChartTooltip format="{0}" />
</Chart>