Custom skin

2 posts, 0 answers
  1. Clive Hoggar
    Clive Hoggar avatar
    349 posts
    Member since:
    Nov 2008

    Posted 02 Nov 2011 Link to this post

    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 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!


  2. Kate
    Kate avatar
    1898 posts

    Posted 03 Nov 2011 Link to this post

    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;
    Of course instead of Default you will need to use the name of the skin that you currently apply.

    Kind regards,
    the Telerik team
    If you want to get updates on new releases, tips and tricks and sneak peeks at our product labs directly from the developers working on the RadControls for ASP.NET AJAX, subscribe to their blog feed now
Back to Top