Telerik Forums
KendoReact Forum
1 answer
1.3K+ views

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

Konstantin Dikov
Telerik team
 answered on 09 Nov 2021
1 answer
1.1K+ views

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?

 

Konstantin Dikov
Telerik team
 answered on 08 Nov 2021
1 answer
88 views

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>

Filip
Telerik team
 answered on 05 Nov 2021
1 answer
79 views

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?

Filip
Telerik team
 answered on 05 Nov 2021
1 answer
52 views

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

Stefan
Telerik team
 answered on 04 Nov 2021
1 answer
83 views
Hello i want to use KendoReact DropDownTree  component as a Field editor component for Field component inside Kendo React Form, is it possible to do that? couldn't find any example of how to connect them.
Konstantin Dikov
Telerik team
 answered on 03 Nov 2021
1 answer
121 views

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!

Konstantin Dikov
Telerik team
 answered on 03 Nov 2021
1 answer
85 views

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?

Stefan
Telerik team
 answered on 01 Nov 2021
1 answer
182 views

How can we stop losing precision on the grid's numeric cell editor?

https://stackblitz.com/edit/react-wwbyfu?file=app/main.jsx

 

 

 

 

Konstantin Dikov
Telerik team
 answered on 29 Oct 2021
1 answer
288 views

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>

Konstantin Dikov
Telerik team
 answered on 29 Oct 2021
Narrow your results
Selected tags
Tags
+? more
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Henri
Top achievements
Rank 2
Iron
Iron
Iron
SUNIL
Top achievements
Rank 2
Iron
Iron
Iron
David
Top achievements
Rank 1
Jackson
Top achievements
Rank 1
Iron
Iron
Tim
Top achievements
Rank 3
Iron
Iron
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?