Custom skin

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

    Posted 02 Nov 2011 Link to this post

    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
  2. Kate
    Admin
    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;
            }
        </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
    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top