This is a migrated thread and some comments may be shown as answers.

PanelBar header strip color change

3 Answers 295 Views
PanelBar
This is a migrated thread and some comments may be shown as answers.
Jai
Top achievements
Rank 1
Jai asked on 06 Jun 2011, 12:32 PM
Hi,

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.

Thanks,
--Jai

3 Answers, 1 is accepted

Sort by
0
Princy
Top achievements
Rank 2
answered on 07 Jun 2011, 12:11 PM
Hello Jai,

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

Thanks,
Princy.
0
Jai
Top achievements
Rank 1
answered on 08 Jun 2011, 05:51 AM
No luck. Same getting the old header strip. any other solution.

Thanks
--Jai

0
Kate
Telerik team
answered on 09 Jun 2011, 01:32 PM
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;
}

Greetings,
Kate
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.

Tags
PanelBar
Asked by
Jai
Top achievements
Rank 1
Answers by
Princy
Top achievements
Rank 2
Jai
Top achievements
Rank 1
Kate
Telerik team
Share this question
or