RadPanelBar Custom Skin hover problem

6 posts, 0 answers
  1. burak
    burak avatar
    21 posts
    Member since:
    May 2009

    Posted 18 Jun 2009 Link to this post

    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 ?
  2. -DJ-
    -DJ- avatar
    263 posts
    Member since:
    Oct 2004

    Posted 18 Jun 2009 Link to this post

    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-
  3. UI for ASP.NET Ajax is Ready for VS 2017
  4. burak
    burak avatar
    21 posts
    Member since:
    May 2009

    Posted 18 Jun 2009 Link to this post

    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
  5. -DJ-
    -DJ- avatar
    263 posts
    Member since:
    Oct 2004

    Posted 18 Jun 2009 Link to this post

    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-
  6. burak
    burak avatar
    21 posts
    Member since:
    May 2009

    Posted 19 Jun 2009 Link to this post

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

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

  7. -DJ-
    -DJ- avatar
    263 posts
    Member since:
    Oct 2004

    Posted 19 Jun 2009 Link to this post

    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-
Back to Top
UI for ASP.NET Ajax is Ready for VS 2017