Telerik Forums
KendoReact Forum
2 answers
153 views

Hello! I am trying to add drop down support to my Kendo React Spreadsheet element. I am following this set of docs but the result does not seem to be working when tested using the most recent React component.

 

Not working example - https://codesandbox.io/s/fervent-driscoll-2mwf49?file=/app/main.tsx

Working but not using react - http://dojo.telerik.com/IgiFEwEN

 

Any help would be greatly appreciated!

Wissam
Telerik team
 answered on 23 Aug 2023
1 answer
79 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
65 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
150 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
65 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
76 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
227 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
191 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
780 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
310 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
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?