Telerik Forums
KendoReact Forum
1 answer
1.7K+ 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.3K+ 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
169 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
163 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
96 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
178 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
198 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
148 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
268 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
380 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
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
Styling / Themes
DatePicker
Editor
TreeList
Styling
PDF Processing
ComboBox
Excel Export
Dialog
Input
TreeView
Upload
Drawer
Button
Drag and Drop
MultiSelect
Tooltip
Accessibility
NumericTextBox
Checkbox
Menu
Gantt
DateTimePicker
PDF Viewer
Popup
Window
AutoComplete
DateInput
Sortable
Data Query
Licensing
TabStrip
Drawing
Calendar
Pager 
Labels 
Localization
TimePicker
GridLayout
FontIcon
Animation
PanelBar
TaskBoard
PivotGrid
Card
DropDownButton
Conversational UI 
DateRangePicker
Splitter
Badge 
Security
Slider
Spreadsheet
ContextMenu
MultiViewCalendar
Stepper
MultiColumnComboBox
MultiSelectTree
TextBox
AppBar
File Saver
ListView
MaskedTextBox
RadioButton
Switch
TextArea
Toolbar
DropDownTree
TileLayout
Map
Avatar
Date Math
Gauge
RadioGroup
RangeSlider
Rating
Loader
ExpansionPanel
SvgIcon
Typography
ProgressBar
ScrollView
Popover
StockChart
RadialGauge
Server Components
AIPrompt
Page Templates / Building Blocks
AI Coding Assistant
Chat
ColorGradient
ColorPalette
ColorPicker
Notification
Ripple
Skeleton
ButtonGroup
Chip
ChipList
FloatingActionButton
SplitButton
ActionSheet
Barcode
QR Code
FlatColorPicker
Signature
BottomNavigation
BreadCrumb
StackLayout
Timeline
ListBox
ChunkProgressBar
Sparkline
FileManager
ArcGauge
CircularGauge
LinearGauge
ExternalDropZone
OrgChart
Sankey
VS Code Extension
InlineAIPrompt
SpeechToTextButton
Chart Wizard
Agentic UI Generator
SmartPasteButton
PromptBox
SegmentedControl
+? more
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Top users last month
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Hiba
Top achievements
Rank 1
Iron
Rob
Top achievements
Rank 3
Bronze
Bronze
Iron
Max
Top achievements
Rank 1
Veteran
Iron
Alina
Top achievements
Rank 1
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?