Telerik Forums
KendoReact Forum
1 answer
165 views

I use React Kendo Grid. There are some operations on the page which changes data in the grid.

I want to reload grid without grid buttons. Actually I'm looking for grid.reload() method but couldn't find.

Can you help me please?

Wissam
Telerik team
 answered on 10 Jun 2024
1 answer
214 views

I am in the process of trying to convert an older Kendo UI for jQuery app to Kendo React and a feature that we had was being able to maintain a window components aspect ratio. 

We were doing this by using the resizing direction along with the before/after to adjust the height/width accordingly while resizing.

Looking at KendoReact, it seems to be using WindowMoveEvent which does not have this, and I don't see it available in the nativeEvent either.

Does anyone know if this might be accessible anywhere that I may be overlooking, or have any input on how I can get the resize direction?

Konstantin Dikov
Telerik team
 answered on 07 Jun 2024
1 answer
115 views

On kendo-react-layout: 7.3.0:

Drawer items are tab-navigable, but will not trigger the onSelect callback when the Enter button is pressed.  I could not find any documentation in https://www.telerik.com/kendo-react-ui/components/layout/drawer/ or in https://www.telerik.com/kendo-react-ui/components/layout/drawer/accessibility/wai-aria-support/ denoting how to enable or implement this functionality, which would be required for Section 508 compliance.

Ideally, this would be functional out-of-the-box, and would not require a workaround such as implementing our own global event-handlers.

Please let me know how we should go about implementing this functionality, or when a fix has been released (or if a fix has already been released).

Silviya
Telerik team
 answered on 06 Jun 2024
1 answer
369 views

I'm trying to figure out how I can persist column widths and ordering such that I can restore them.

My grid consists of a semi-dynamic set of columns defined with <GridColumn ... /> objects, with a variety of different settings in each column.

I can access the width/ordering on the onColumnReorder and onColumnResize events, and it's easy enough to extract and save this to localStorage, but how do I apply those values to the grid before it renders?

I've seen the example which creates columns using the array map() function, and this means defining the columns in code rather than declaratively in the JSX.  I'd really like to avoid doing this if I can, especially considering my column set changes from one (application-level) mode to another.

If I can get the width/order from localStorage and then iteratively restore width/order in the existing grid columns, this would be significantly cleaner to effect.

Suggestions?

 

Konstantin Dikov
Telerik team
 answered on 04 Jun 2024
1 answer
130 views

I'm using the funnel chart type and need to allow users to click on the legend to show / hide data points within the chart.  This works fine if I do not handle the onLegendItemClick event as the chart takes care of this functionality itself.

The issue is I need to pass which of the data points are visible to a related chart.  When I handle the event the built in functionality is lost, does anyone know how I can replicate this in code so I can pass the selections to another component?

 

TIA

Filip
Telerik team
 answered on 03 Jun 2024
1 answer
145 views
Hello, could you please help me find a way to keep the grid rows collapsed by default when a page loads ? I have been trying for 2 days to find a way a to do it and I still cannot. 
Konstantin Dikov
Telerik team
 answered on 29 May 2024
1 answer
214 views
When reordering the grid columns, Is there a way to prevent dropping of any grid column on a locked grid column header cell. Also, Is there a way to change the visual indicator while drag and drop on the locked columns to show prohibited symbol instead of plus symbol?
Plamen
Telerik team
 answered on 28 May 2024
1 answer
73 views

Hello All,

 

I am using treelist component of kendo react, in that treelist i wnated to allow resizing only for some specific columns but not for all the columns is this possible ?

 

Thanks in Advance..!

Filip
Telerik team
 answered on 27 May 2024
0 answers
176 views

I have a grid with columnmenu set to "GridColumnMenuCheckboxFilter". I need to change the CSS of the filter icon based on the open/expanded state of the filter menu. 

I found examples of changing the CSS of the filter icon based on the active state of the filter. But here my requirement is to solely consider the open and close state of the filter menu,

What do I have to do?

 

Update 1: I tried using onExpandChange prop on GridColumnMenuCheckboxFilter. But it doesn't get triggered when expanded property is set.

My filter looks similar to the below screenshot

Update 2: onExpandChange gets triggered only when expanded property is not set to true and filter column menu is clicked which opens the filter box(2 clicks needed). I need the expanded property to be true. Is there any way to get hold of the expand/collapse state of the filter?

Anusha
Top achievements
Rank 1
 updated question on 25 May 2024
1 answer
211 views

Greetings,

Is there a way to update the content of the "Edit Recurring Item" dialog and disable/remove the "Edit current occurrence" option from Scheduler?

Please see the attached screenshot, thanks!

Filip
Telerik team
 answered on 21 May 2024
Narrow your results
Selected tags
Tags
General Discussions
Grid
Wrappers for React
Charts
Scheduler
Filter 
DropDownList
Form
DatePicker
Styling / Themes
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
LLM Kit
OTP Input
+? more
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Top users last month
Simon
Top achievements
Rank 2
Iron
Iron
Bob
Top achievements
Rank 3
Iron
Iron
Veteran
Marco
Top achievements
Rank 4
Iron
Iron
Iron
Grant
Top achievements
Rank 3
Iron
Iron
Iron
Kao Hung
Top achievements
Rank 1
Iron
Want to show your ninja superpower to fellow developers?
Want to show your ninja superpower to fellow developers?