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

how to change the background color in kendo pivot grid

1 Answer 60 Views
PivotGrid
This is a migrated thread and some comments may be shown as answers.
Krishnan
Top achievements
Rank 1
Krishnan asked on 28 Oct 2016, 01:33 AM

How do I change the background-color of the columnheader/rowHeader or grouping header in Kendo Pivot grid. I tried applying the following css in the custom.css but it is not getting affected with the grid. These classes are originally present in the kendo.common.min.css and I want to override it my custom CSS class.

how do I change or override it?

.k-grouping-header k-grid-header th.k-header{     background-color: #F7F7F7 !important;}

1 Answer, 1 is accepted

Sort by
0
Eduardo Serra
Telerik team
answered on 28 Oct 2016, 03:03 PM
Hello,

I have made the necessary CSS changes to achieve the style you wish to implement; you can take a look at in the Kendo UI Dojo here. The relevant part:

<style>
  #pivotgrid .k-button, #pivotgrid .k-header{
    background-color: #c50f0f;
  
</style>

If you wish to keep the buttons' original color then remove #pivotgrid .k-button and only the background will be changed.

I hope this helps.

Regards,
Eduardo Serra
Telerik by Progress
 
Build rich, delightful, *native* Angular 2 apps with Kendo UI for Angular 2. Try it out today! Kendo UI for Angular 2 (currently in beta) is a jQuery-free toolset, written in TypeScript, designed from the ground up to offer true, native Angular 2 components.
 
Tags
PivotGrid
Asked by
Krishnan
Top achievements
Rank 1
Answers by
Eduardo Serra
Telerik team
Share this question
or