C1Accordion and C1AccordionItem ClearStyle Properties
Accordion for WPF supports ComponentOne's new ClearStyle technology that allows you to easily change control colors without having to change control templates. By just setting a few color properties you can quickly style the entire grid.
The following table outlines the brush properties of the C1Accordion control:
Brush | Description |
Background | Gets or sets the brush of the control’s background. |
ExpandedBackground | Gets or sets the brush of the header background that appears when items of the C1Accordion control are expanded. |
MouseOverBrush | Gets or sets the System.Windows.Media.Brush used to highlight the control’s C1AccordionItems when it is moused over. |
HeaderBackground | Gets or sets the background brush of all headers of all C1AccordionItem headers contained within the C1Accordion control. |
The following table outlines the brush properties of the C1AccordionItem control:
Brush | Description |
Background | Gets or sets the brush of the control’s background. |
ExpandedBackground | Gets or sets the brush of the header background when the C1AccordionItem is expanded. |
MouseOverBrush | Gets or sets the System.Windows.Media.Brush used to highlight the control when it is moused over. |
HeaderBackground | Gets or sets the background brush of the C1AccordionItem header. |
You can completely change the appearance of the C1Accordion and C1AccordionItem controls by setting a few properties, such as the C1Accordion control’s HeaderBackground property, which sets the background color for every accordion item in a C1Accordion control. For example, if you set the C1Accordion control’s HeaderBackground property to "#FFC500FF", each header in the C1Accordion control would appear similar to the following:
You can also choose to modify the accordion items independently by setting a C1AccordionItem control’s HeaderBackground property. For example, if you set a the HeaderBackground property of the first accordion item to "#FFC500FF", the control would appear similar to the following:
It’s that simple with ComponentOne’s ClearStyle technology. For more information on ClearStyle, see the ComponentOne ClearStyle Technology topic.