Hi,

We are trying to customize component level theming using Kendo SAAS based monorepo shared. We are trying to customize  primary and secondary color for our application in "_variable.scss". Problem is, its only taking actual color name (like blue or red...) and not hexadecimal color format(#007AB4) or equivalent RGB color format like rgb(0,122,180). Please refer below screenshot.

However most of the other SAAS variables are accepting hexadecimal color notations. Could you please suggest how to customize?

Also, Currently we are searching for component level SAAS variables for component level behavior by using developer tools and trying to find the same in Component level layout.scss or theme.scss files and updating those. Building the repository to generate all.css and referring the same in our application. 

This is laborious work and taking lot of time. Is there any easy way to do component level theme or layout customization?

Please suggest.

We are experiencing an issue using custom rendering for the autocomplete component. It happens with the demo example as well.

https://www.telerik.com/kendo-react-ui/components/dropdowns/autocomplete/custom-rendering/#toc-items

Once you use the keyboard to navigate past the entry that breaks to a new line (Bosnia & Herzegovina 7) you no longer see the focused selection as you key down. So it seems to be related to the item heights and if they differ. We don't want to set a height since we have a variety of information. Is there anything we can do to alleviate this behavior?

Thanks!

Hi,

How do you indent numeric data to the right inside a Grid.

Regards,

Vinod

Is there any way to have intermediate state for check box in kendo react grid.

If it is possible, how can we achieve that.

Regards,

Mukesh 

https://docs.telerik.com/kendo-ui/knowledge-base/grid-autofit-all-columns-width

Can we accomplish what is shown in the above link in the React grid?
1. Columns auto-size on load

2. Double clicking a header re-auto-sizes the column

Hi,

I am looking for checkbox, checkboxlist ,radiobutton and radiobuttonlist under built in Kendo component list and are not available. It would helpful if have these included in list. 

This will help us to extend and customize.

Thanks,

Pankaj Jogi

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?