This is a migrated thread and some comments may be shown as answers.

Change column menu styles

2 Answers 151 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Alex
Top achievements
Rank 1
Veteran
Alex asked on 19 May 2020, 07:29 PM

Hello!

How can i style a ColumnMenu control?
I dont want create a custm ColumnMenu control, just changed colors of element/ 

Could you get the styles names of ColumnMenu control or some exapmples of styling?

Thank you!

2 Answers, 1 is accepted

Sort by
0
Accepted
Ina
Telerik team
answered on 20 May 2020, 11:47 AM

Hello Alex,

You have a couple of options for styling the `ColumnMenu` control. I have prepared an example, which is showing the first option:

https://stackblitz.com/edit/react-mq4hbr 

In this example, we are targeting the rendering `div` and styling it with using a className and CSS. If you want to target the current element you can 'inspect' the element to see the targeted selector which you need and add the wanted styling to it.

You can also customize the KendoReact Themes to add the wanted styles. For more information about it, please check this article and our new blog post:

https://www.telerik.com/kendo-react-ui/components/styling/#toc-customizing-themes 

https://www.telerik.com/blogs/how-to-add-custom-styles-to-kendoreact-components-with-sass 

Please let me know if you need more assistance.

Regards,
Ina
Progress Telerik

Progress is here for your business, like always. Read more about the measures we are taking to ensure business continuity and help fight the COVID-19 pandemic.
Our thoughts here at Progress are with those affected by the outbreak.
0
Alex
Top achievements
Rank 1
Veteran
answered on 21 May 2020, 04:55 PM
Thanks, Ina. It's works
Tags
General Discussions
Asked by
Alex
Top achievements
Rank 1
Veteran
Answers by
Ina
Telerik team
Alex
Top achievements
Rank 1
Veteran
Share this question
or