:: Forum >> Version 2 >>

Grid Header colors question

More information on this topic is available in the documentation section: /aw.ui.grid/header-template.html.

I'm trying to change the Text color and the Background color of the Grid Headers.

I can use:
.aw-grid-header {color: blue;}
And it will set the text color of the headers to blue.

But I can't seem to change the background color. I've tried a number of variations and was wondering if I'm missing something or if it just can not be changed.

I'm shooting for a grid header with a blue background and white text.

Any ideas?
Carl
Sunday, February 12, 2006
Here' s how I did it:

.aw-header-0 .aw-item-box {background:#cdcdcd;border-bottom-color:#c4c4c4;}
.aw-header-0 .aw-grid-header {background:#b7b7b7!important;border-bottom-color:#adadad;}

The background color in the first rule sets the color behind the text - the border-bottom color puts a 1px line beneath it.
The second rule creates two 1px lines below that, giving the header a raised appearance.

Change the colors to your liking.
Kwooda
Sunday, February 12, 2006
Awesome ... thanks Kwooda ... that worked GREAT!

Can I ask you other things? I'm fairly new to Javascript and ActiveWidgets and there are some things I'm struggling with. We could take it offline - my email is dafweg69@yahoo.com
Carl
Sunday, February 12, 2006
Hey ... when I use your lines above, which work great ...

Since my TEXT color is white, on a mouseover the background becomes white. Is there a way to leave the background the same and possible just change the text color to yellow? Since, my background is a dark blue.
Carl
Sunday, February 12, 2006
Carl,

Here are mouseover css rules -

.aw-header-.aw-mouseover-header {
    
border-bottom-color#f9b119;
    
background#fcc247!important;
}

.
aw-header-.aw-mouseover-header .aw-item-box {
    
border-bottom-color#f9a900;
    
background#faf9f4;
}
 
you can find current grid css rules in /source/styles/xp/grid.css.
Alex (ActiveWidgets)
Monday, February 13, 2006
Thanks Alex ... the above is very helpful. I'll take a look at the grid.css rules. I'm still feeling my way around the source files trying to figure things out.
Carl
Monday, February 13, 2006
Thanks Alex.
I'm still feeling my way around the source code to figure out functions. I never even thought of looking at hte grid.css ... I'll be checking that out tonight.

Thanks agian.
Carl
Monday, February 13, 2006



This topic is archived.

Back to /aw.ui.grid/header-template.html

Documentation:

Forum search