Telerik Forums
KendoReact Forum
1 answer
189 views
I am trying to find out if it is possible to set up a pivot grid with a local dataset that give the use more control over what to pivot. Basically I'd like to get a pivot grid to work more like an excel pivot table where I have a data set and then let the use configure what columns and rows they want out of that data. All examples seem to be using hardcoded column and row axes, is it possible to set up one or two defaults but then let the end user add more rows/columns via the configurator?
Konstantin Dikov
Telerik team
 answered on 22 Aug 2023
1 answer
157 views

Hi.

I have setup an example app with a Splitter component that devides the screen between a TreeView and a DataGrid component and setup a drag&drop scenario wher I am able to drag grid rows into the tree to add tree branches.

https://stackblitz.com/edit/vitejs-vite-k3wgr5?file=src%2FApp.tsx

If I want to use the drag handles in the Datagrid to drag a grid row onto the TreeView, the row vanishes under the left side of the Splitter window but I want to keep it visible when I drag it over the tree. I already had a similar issue a while ago and tried to use the same solution but it doesn't seem to work.

Can you help me out and show me how to keep the row visible while dragging it over the tree on the left?

Thanks,

Greetings,

Bernd

Konstantin Dikov
Telerik team
 answered on 21 Aug 2023
1 answer
330 views

I am using a Kendo Drawer, and I am facing two issues. Firstly, when I place a

 <DrawerContent>{props.children}</DrawerContent>

component and have children inside it, the content doesn't scroll properly. Secondly, I'm unsure how to consistently display a footer on all pages when using a Kendo Drawer.


Wissam
Telerik team
 answered on 18 Aug 2023
1 answer
208 views

Hi Team,

Please can you explain what the difference is between `onClick` and `onClickAction` in the SchedulerEditItemProps. I read the docs and am still unclear which I should be using or when. Why are there 2 functions? What does each one achieve? Under what circumstances should I override `onClick` or`onClickAction`?

Thanks,
Grant

Wissam
Telerik team
 answered on 18 Aug 2023
1 answer
187 views

Hi,

Please see this example https://codesandbox.io/s/admiring-torvalds-fcs5rr

When Grid virtualization is enabled. Clicking a row gives a wrong row in onSelectionChange callback. I tried a workaround to add skip to startRowIndex in onSelectionChange callback:

const updatedEvent = {
...event,
startRowIndex: event.startRowIndex + dataState.skip,
endRowIndex: event.endRowIndex + dataState.skip
};


This works fine as long as there is no grouping. If I group a column, such as 'Category Name', after scrolling down and clicking a row, the console shows the wrong row being selected. Any suggestions?

 

Thanks,

Jie

Konstantin Dikov
Telerik team
 answered on 17 Aug 2023
1 answer
445 views

Please provide a solution on how to change theme colors beyond just light and dark modes. I am using Sass and style components, but I would like to implement the ability to select and change multiple colors within a theme. I am also utilizing the Kendo ThemeBuilder to create a custom theme."

If you're looking to implement a theme color change functionality using Sass and style components in conjunction with the Kendo ThemeBuilder, you might want to explore the documentation or resources specific to those tools for detailed guidance on how to achieve your

Vessy
Telerik team
 answered on 15 Aug 2023
2 answers
369 views

Hi,

 

Is there any example about Kendo grid grouping with ODdata ?

I couldn't find example on documentations.

Thanks.

Wissam
Telerik team
 answered on 15 Aug 2023
1 answer
1.2K+ views

Hello, 

I am trying to style and size the sort arrow icon that Kendo provides in the react data grid. I have attached a picture of the specific arrow I am talking about. I have managed to change the color of the sort icon with the CSS below, howerver I have not figured out how to change the sizing of the arrow here. If possible, I would also like to adjust the icon shape (make it thicker and shorter), and maybe use a custom icon for it if possible. Can you advise me on some possible solutions I could implement? Thank you. 

  .k-grid-header .k-sort-icon svg,
  .k-grid-header .k-sort-order svg {
    color: rgba(232, 105, 36, 1);
  }

}

Wissam
Telerik team
 answered on 14 Aug 2023
1 answer
539 views
As I shown in the attached jpg file, I want to remove the first column which is showing the expand button (+) using Kendo React. As I'm a new to kendo react I have tried by setting this column width to zero but the css is not applying it. Then I have tried to apply width using the query selector but that was also not worked. I also tried by applying "display: none" to .k-hierarchy-cell, its working and hiding that first column but it is shrinking the next column to its size. Please guide me on this for expanded rows. 
Konstantin Dikov
Telerik team
 answered on 14 Aug 2023
2 answers
777 views

I have added a custom column menu to my kendo grid. It has a dropdown list element, where users can choose an option and the grid data is filtered. This all works successfully.

I have one issue. When the user clicks on the Filter or Clear Button, the column menu does not disappear. Clicking outside the column menu does not hide the column menu.

I have to click on the column menu again to focus it, then when I click outside the column menu, it disappears.

I cannot get access to the div 'k-grid-columnmenu-popup', as this is controlled by kendo and does not appear in my column menu component.

Has anyone come up against this problem and solved it?

 

SoH
Top achievements
Rank 1
Iron
Veteran
Iron
 answered on 11 Aug 2023
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?