How do I change the Header and Content sections of the Accordian to different colors? The AccordionPan bgcolor changes both to the same color. Do you have to use a stylesheet to perform this action? If so can someone give me and example that would work?
Thank you for your help.
No suggestions ?
To change the Accordian Header and Content Colors, follow these 3 steps...
First you must create or edit your existing styleesheet of your application, the following two items need to be added.
.accordionHeader
{
background-color:blue;
color:white;
}
.accordionContent
{
background-color:#e4e4e4;
}
2nd in the webform between the <head> tags include the link href stylesheet like so.....
<headrunat="server">
<linkhref="StyleSheet.css"rel="stylesheet"type="text/css"/>
</head>
Third edit the AccordionPan tag or tags to accordionHeader and accordionConten settings like so...
<ajaxtoolkit:AccordionPaneID="AccordPane1"HeaderCssClass="accordionHeader"ContentCssClass="accordionContent"runat="server">
Run your app and the setting should be visible now.