RadPanelBar Custom Skin hover problem

[burak]

Hi;
I use RadPanelBar in my project and I want to use my css file. I did it with your instractions.
my css file like this :

.RadPanelBar_AktWebBlue .rpGroup .rpLink,
.RadPanelBar_AktWebBlue .rpGroup .rpTemplate
{
    background-image: url('Img/GroupBg.gif' );
    background-color: transparent;
}

but when I use this

.RadPanelBar_AktWebBlue .rpGroup .rpLink:hover
{
  color: Red;
}

It doesn't work. I want to change color of expanded links when mouse over it.

What tags I have to use in this situation ?

[-DJ-]

Hi burak,

It should work in the current state, try adding !Important behind "Red".

You can also add the rpFocused class:
.RadPanelBar_AktWebBlue .rpGroup .rpFocused

If these are top level links, use rpRootGroup instead of rpGroup.

Regards,
-DJ-

[burak]

Hi -DJ-
Thanks your answer. I try your suggestions but it doesn't change anything.

And this is not top level.
I'm waiting another solutions....

Burak

[-DJ-]

Hi again Burak,

I took a look at some of my custom panelbar skins, and in some of them I'm not using rpGroup or rpRootGroup classes, but in some they do exist.

You can try this approach, it should apply to all links within the panelbar:

.RadPanelBar_AktWebBlue .rpLink:hover,
.RadPanelBar_AktWebBlue .rpFocused,
.RadPanelBar_AktWebBlue .rpSelected
{
    color: red !important
}

Regards,
-DJ-

[burak]

Hi Again;
Unfortunately, it doesn't work again.

Is it possible another problem ? web.config or something ?

[-DJ-]

Hi burak,

I think the most logical place to look is the css.
If you are sure that all other changes you make to it work, then you must be overriding the hover statement somewhere else.

If you can't find out, please paste the entire css here (but use the format code block button to do it) as well as the panelbar definition.

Regards,

-DJ-