Grid -Styles customization

2 posts, 0 answers
  1. Senthilkumar
    Senthilkumar avatar
    12 posts
    Member since:
    May 2015

    Posted 02 Jun 2015 Link to this post

    Please let us know how to apply custom styles in kendo grid and please share some sample code.
  2. Dimo
    Admin
    Dimo avatar
    8478 posts

    Posted 04 Jun 2015 Link to this post

    Hi Senthilkumar,

    Your question does not make it clear what are you tryiing to do, but the following documentation articles cover the various possible scenarios that you may be after.

    - override the widget's styling
    http://docs.telerik.com/kendo-ui/web/appearance-styling#customizing-appearance

    - use custom HTML markup and CSS styling inside the Grid cells
    http://docs.telerik.com/kendo-ui/api/javascript/ui/grid#configuration-columns.template

    - use custom HTML markup and CSS styling for the Grid cells and rows, and inside them
    http://docs.telerik.com/kendo-ui/web/grid/how-to/style-rows-cells-based-on-data-item-values

    - create custom CSS themes
    http://docs.telerik.com/kendo-ui/themebuilder

    When working with custom CSS code, you need to be able to use the browser's DOM inspector, so that you can find the HTML elements and their CSS classes. You also need to be able to construct CSS selectors to target the desired elements, and be familiar with the concept of CSS specificity.

    http://www.smashingmagazine.com/2007/07/27/css-specificity-things-you-should-know/
     
    https://developer.mozilla.org/en-US/docs/Web/CSS/Specificity

    Regards,
    Dimo
    Telerik
    Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Back to Top