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.
No comments:
Post a Comment