PDA

View Full Version : Customizing Header Group Style



karthik.arian03
Apr 01, 2011, 11:45 AM
Hi,

I was just trying to customize the Grid Header Group Column, unfortunately I was not able do it.

As you can see in the attachment I was able to successfully customize the Header but not able to do the same for Group Header Row/Column. Below is my style code.

In ".ux-grid-hd-group-row-0" I have set the font color red which is working, but the background color isn't work as expected.

Also, Please advise me how to set style on hover also. I tried in all possible ways.



.ux-grid-hd-group-row-0 {
color: Red !important;
background-color: blue;
line-height:15px;
vertical-align:middle;
border-left: 0px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}

.x-grid3-hd-row td {
background-color: #000000;
color: #FFFFFF;
line-height:15px;
vertical-align:middle;
border-left: 0px solid #CCCCCC;
border-right: 1px solid #CCCCCC;
}



Quick response much appreciated. :-(

Daniil
Apr 01, 2011, 12:11 PM
Hi,

Please set

td.ux-grid-hd-group-row-0 {
background : none;
}

karthik.arian03
Apr 01, 2011, 12:14 PM
OMG.....Great!

It worked....Thanks Daniil....

Daniil
Apr 01, 2011, 3:02 PM
Glad to help.

By the way, please post technical support questions on the Help forum only.

karthik.arian03
Apr 01, 2011, 3:09 PM
Oops...Sorry, Next time I will be more cautious..Also, please mark this as solved!