3.0 beta 2

Grid Header colors question

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
February 12,
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
February 12,
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
February 12,
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
February 12,
Carl,

Here are mouseover css rules -

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

.aw-header-0 .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)
February 13,
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
February 13,
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
February 13,

This topic is archived.

See also:


Back to support forum

Search

Version 2

Looking for AW 2.6 ?
The old site is here.