[Trinidad] Skinning selected tree row?

[Stephen Friedrich <tr...@eekboom.com>]

I found no info on how to change the text color of the selected tree row (greenish by default).
After looking at the generated HTML/CSS I tried this:
.p_OraTreeRowSelected {
     color: #ff9900 !important;
     font-weight:bold !important;
     background-color:red !important;
}

The only selector that is really used is the background color (that I inserted only for testing).

So how to change font-weight and text color?

Thanks for any help!

Re: [Trinidad] Skinning selected tree row?

[Stephen Friedrich <tr...@eekboom.com>]

Thanks a lot for the answer,

I tried those selectors instead without any effect.

It's also not the problem with .OraLink taking precedence - usually when that
happens I simply add "!important" to my own properties.

Finally I found a working solution

.p_OraTreeRow a:hover {
     color: #ff9900;
}

.p_OraTreeRowSelected a {
     color: #ff9900 !important;
}

Maybe there's a better solution, but for now I have to put my effort to different issues.
Definitly skinning tree nodes has to be documented in the skinning selector docs.

Cristi Toth wrote:
> Hi Stephen,
> 
> If your tree nodes are links then the .OraLink class prevails.
> You should try using link pseudo-classes like this:
> .p_OraTreeRowSelected:link, .p_OraTreeRowSelected:visited, 
> .p_OraTreeRowSelected:active, .p_OraTreeRowSelected:hover {
> ...
> }
> Hope this helps.
> 
> You might also want to check using Firebug, what CSS classes are applied 
> with higher priority on the tree nodes.
> 
> cheers,
> -- 
> Cristi Toth
> 
> -------------
> Codebeat
> www.codebeat.ro <http://www.codebeat.ro>
> 
> On Sat, May 17, 2008 at 3:57 PM, Stephen Friedrich <trinidad@eekboom.com 
> <ma...@eekboom.com>> wrote:
> 
>     I found no info on how to change the text color of the selected tree
>     row (greenish by default).
>     After looking at the generated HTML/CSS I tried this:
>     .p_OraTreeRowSelected {
>        color: #ff9900 !important;
>        font-weight:bold !important;
>        background-color:red !important;
>     }
> 
>     The only selector that is really used is the background color (that
>     I inserted only for testing).
> 
>     So how to change font-weight and text color?
> 
>     Thanks for any help!
> 
> 

Re: [Trinidad] Skinning selected tree row?

[Cristi Toth <cr...@gmail.com>]

Hi Stephen,

If your tree nodes are links then the .OraLink class prevails.
You should try using link pseudo-classes like this:
.p_OraTreeRowSelected:link, .p_OraTreeRowSelected:visited,
.p_OraTreeRowSelected:active, .p_OraTreeRowSelected:hover {
...
}
Hope this helps.

You might also want to check using Firebug, what CSS classes are applied
with higher priority on the tree nodes.

cheers,
-- 
Cristi Toth

-------------
Codebeat
www.codebeat.ro

On Sat, May 17, 2008 at 3:57 PM, Stephen Friedrich <tr...@eekboom.com>
wrote:

> I found no info on how to change the text color of the selected tree row
> (greenish by default).
> After looking at the generated HTML/CSS I tried this:
> .p_OraTreeRowSelected {
>    color: #ff9900 !important;
>    font-weight:bold !important;
>    background-color:red !important;
> }
>
> The only selector that is really used is the background color (that I
> inserted only for testing).
>
> So how to change font-weight and text color?
>
> Thanks for any help!
>