Accordian header hover background

[C. Veeningen]

How can I change the background color of the accordion header when I hover over it with my mouse? Are there some resource keys I can override?

I can't find any documentation about it in the online documentation.

 

Also can I use these controls with Blend?

[Vignesh V]

Hi Veeningen,

Query1:can I change the background color of the accordion header when I hover over it with my mouse?

 

We can Change the mouse hovering background for SfAccordion.We have prepared a sample to achieve your requirement of 'Changing the Header background while hovering with mouse'. In this sample we have modified the background of the SfAccorion header and defined new key 'Hovercolor' where we can change the color.

Query2:can I use these controls with Blend?

We can edit SfAccordion using blend. We had issues while editing in blend, it has been resolved and this fix will be available in our upcoming Service Pack Release.

Please find the attached sample in below link,

AccordionHover_110412.zip

Please let us know if you have any queries.

Regards,

Vignesh V

[Denis Briel]

Could you please provide me with the AccordionHover sample project as well?

I am getting Access Denied when trying to download it!

Regards

Denis

[Taher A. AlZahrani]

Hi,

Could you re post the sample please.

thanks

[Venkateshwaran Ramdoss]

Hi Taher,

We have change the MouseOver color for SfAccordionItem by customize the AccordionButtonStyle. In this style you can include the MouseHoverStroke, ExpandedStroke and CollapsedStroke VisualStateGroup to change the Background and Forground color. We have created a sample for the same, please download from below link.

Sample: AccordianHoverSample

Regards,
Venkateshwaran V.R.