PanelBar header strip color change

4 posts, 0 answers
  1. Jai
    Jai avatar
    34 posts
    Member since:
    May 2011

    Posted 06 Jun 2011 Link to this post


    I want to change the header strip color of PanelBar. Please see the attached screenshot. I made changes in PanelBar.css under div.rpHeaderTemplate for background Image but didn't get success. can anyone please let me know how to do that.

  2. Princy
    Princy avatar
    17421 posts
    Member since:
    Mar 2007

    Posted 07 Jun 2011 Link to this post

    Hello Jai,

    Have you tried setting CSS class for the PanelBar item, that worked as expected at my end.
    <telerik:RadPanelBar Skin="Office2007" runat="server" ID="RadPanelBar1" CssClass="myClass">
     background-color:Red !important;

  3. DevCraft R3 2016 release webinar banner
  4. Jai
    Jai avatar
    34 posts
    Member since:
    May 2011

    Posted 08 Jun 2011 Link to this post

    No luck. Same getting the old header strip. any other solution.


  5. Kate
    Kate avatar
    1898 posts

    Posted 09 Jun 2011 Link to this post

    Hi Jai,

    Please try to use the following css class selector to change the color of the Header of the RadPanelBar. I use this selector when the Vista skin is applied, in case you have a different skin you will need just to change the name of all first css selctors:
    div.RadPanelBar_Vista div.rpHeaderTemplate,
    div.RadPanelBar_Vista a.rpLink,
    div.RadPanelBar_Vista a.rpSelected,
    div.RadPanelBar_Vista a.rpSelected:hover
        background-image: none;
        background-color: Red;

    the Telerik team

    Browse the vast support resources we have to jump start your development with RadControls for ASP.NET AJAX. See how to integrate our AJAX controls seamlessly in SharePoint 2007/2010 visiting our common SharePoint portal.

Back to Top