Change column menu styles

3 posts, 1 answers
  1. Alex
    Alex avatar
    6 posts
    Member since:
    Aug 2013

    Posted 19 May 2020 Link to this post

    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. Answer
    Ina
    Admin
    Ina avatar
    9 posts

    Posted 20 May 2020 Link to this post

    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.
  3. Alex
    Alex avatar
    6 posts
    Member since:
    Aug 2013

    Posted 21 May 2020 Link to this post

    Thanks, Ina. It's works
Back to Top