Custom skin

[Clive Hoggar]

Hi
I have successfully been using a custom skin for a PanelBar, and it is working fine as required.
I now want to make another version of the same skin, but I haven't been able to figure out the syntax
for setting the colours of the sub menu item when it is both selected and hovered.

Q32010 version running on asp.net 4.0

This is what I have at the moment

div.RadPanelBar_Scargill2 .rpGroup a.rpLink:hover,
div.RadPanelBar_Scargill2 .rpGroup a.rpFocussed,
div.RadPanelBar_Scargill2 .rpGroup a.rpFocused:hover,
div.RadPanelBar_Scargill2 .rpGroup a.rpSelected,
div.RadPanelBar_Scargill2 .rpGroup a.rpSelected:hover

{
background-color: white;
    color: #666;
}

This does what it should for the sub items, until one is selected. Then it seems to revert to the colours of the top level items.

Please help!

Thanks

Clive

[Kate]

Hi Clive,

You can use the following css class selector to alter the color of the text when a PanelItem is selected:

<style type="text/css">
        div.RadPanelBar_Default .rpGroup a.rpSelected,
         div.RadPanelBar_Default .rpGroup a.rpSelected:hover
        {
            color: red;
        }
    </style>

Of course instead of Default you will need to use the name of the skin that you currently apply.

Kind regards,
Kate
the Telerik team