I tried to customize theme by modifying the themes source code by following below steps : 

1. Clone the kendo-themes(https://github.com/telerik/kendo-themes) GitHub repository.
2. Install the dependencies for all themes with npm install && npx lerna bootstrap.
3. Customize the theme variables in the packages/<THEME_NAME>/scss/_variables.scssfiles.
4. Build the themes with the npm run build command to create the customized version of the themes in the packages/THEME_NAME/dist/all.css file.

I referenced the file (all.css) in my component but the changes ( say a change in the color of Button ) in my instance was not reflecting on UI. 

I want to be able to modify _variables.scss file to my customized need and get the file all.css as a result of command (npm run build). And these changes should be reflected on my UI which as of now is not happening. Let me know if I am missing something here. Thanks in advance. 

     I want to user GridToolbar as a separate component and put that on top to grid.

I don't want to use that inside the grid as it is being used.

is there any way to do that?

I have been trying to implement infinite scroll on DropDownList component, using virtualization, because it's the only way to track scrolling. When I reach the end, of the DropDownList's items, I make a request to the server, and load new chunk of data, and add this new data to existed. In my case, the property virtual.total is based on the items length. But when I get new items, the length of the items increases, and accordingly virtual.total changes, that leads to resetting position of the scroll bar to the top of the popup. 
I have already found the place in the source code, where is it going, and I have found the only one way to fix this problem so far. It's changing   componentDidUpdate  method of the DropDownList.prototype directly, but it is very bad practice..
Are there ways to implement these changes in other way?

     Retain selection of checkbox when we  navigate across different page.

Is there any property which will help me retaining selection of checkbox when i navigate across the pages. 

Hi,

I'm trying to set the initial selected value of the ColorPicker component. My expectation is that it should be possible to do so with the following code:

Since setting the "value" option when creating a ColorPicker with jQuery sets the initial selected color:

However, when I set try to set the initial color using a "value" prop, it doesn't seem to work. The initial color stays black even though I try to set it to red:

https://stackblitz.com/edit/react-dmxb6f?file=app%2Fmain.js

Is there a workaround to be able to set the initial color?

Thanks,

Alice

Hi,

I'm struggling to wire up a grid to an existing restful service using hooks (rather than classes, as the examples do). The closest I have gotten is wrap the grid jsx in a conditional, based on the data load; which to me is a bit ugly. Seems like I should be able to watch the data and update as needed.

Looking forward, I'd like to swap to GraphQL.

The problem is, I am having a hell of a time finding examples on any of this. Everything in the docs is pre-hooks, oData based. As we are running MEAN stack, oData is out of the picture for us.

My first column in grid is checkbox which is having width of just 60px. no records available is display in that space getting truncated. 

Please find the scree shot attached. is there any way to overcome this issue.

Hi,

I am working on one of the requirement for custom filter and want develop a poopup control with below highlighted dynamic controls on "+" button click.

We are creating functional component with local state.

Really struggling with component styling. 

I would be great help if you help me out for creating control on kendo popup dynamically.

Thanks in advance!

Pankaj Jogi

I want to make one of my grid column as image column. The header of the column as well as the data should be image.

Is there any way to achieve that.