This is a migrated thread and some comments may be shown as answers.
RadPanelBar Custom Skin hover problem
5 Answers 61 Views
This is a migrated thread and some comments may be shown as answers.
burak
Top achievements
Rank 1
burak asked on 18 Jun 2009, 12:09 PM
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 ?

5 Answers, 1 is accepted

Sort by
0
-DJ-
Top achievements
Rank 1
answered on 18 Jun 2009, 01:20 PM
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-
0
burak
Top achievements
Rank 1
answered on 18 Jun 2009, 02:48 PM
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
0
-DJ-
Top achievements
Rank 1
answered on 18 Jun 2009, 03:49 PM
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-
0
burak
Top achievements
Rank 1
answered on 19 Jun 2009, 08:41 AM
Hi Again;
Unfortunately, it doesn't work again.

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

0
-DJ-
Top achievements
Rank 1
answered on 19 Jun 2009, 12:26 PM
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-
Asked by
burak
Top achievements
Rank 1
Answers by
-DJ-
Top achievements
Rank 1
burak
Top achievements
Rank 1
Share this question
or