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

Accordion - How to change the background colors of Collapse and Expend Headers?

1 Answer 259 Views
General Discussions
This is a migrated thread and some comments may be shown as answers.
Peter
Top achievements
Rank 1
Peter asked on 23 Dec 2015, 08:06 PM

Hello everyone,
I am working on Accordion.  I want to change the headers' backgrounds to different colors when it expends and collapses.

At the first load, every panel is expended, I check and see an expended header's style is controlled by these classes: "k-link k-header k-state-selected" (background color is green). 

When I click to collapse this panel, I see the header's style is controlled by these class: "k-link k-header k-state-selected k-state-focused" (the background color is green, too).

I then assign a different background color to "k-state-focused" and the color is changed to gray as I expect.  However, when I click on this header again to expend the panel, the gray color is still here! and I check and see this header's style right now (expending) are "k-link k-header k-state-selected k-state-focused".

That means when it is expended or it is collapsed, the header's style is the same "k-link k-header k-state-selected k-state-focused".

How to change the background colors of Collapse and Expend Headers?

Please give a hand,  Thanks

1 Answer, 1 is accepted

Sort by
0
Eyup
Telerik team
answered on 25 Dec 2015, 07:34 AM
Hi Peter,

Could you send us sample screenshots to demonstrate the desired appearance? Which Skin do you use for base? Do you have a dojo sample resembling your declaration?
http://demos.telerik.com/kendo-ui/panelbar/api

Regards,
Eyup
Telerik
Do you want to have your say when we set our development plans? Do you want to know when a feature you care about is added or when a bug fixed? Explore the Telerik Feedback Portal and vote to affect the priority of the items
Tags
General Discussions
Asked by
Peter
Top achievements
Rank 1
Answers by
Eyup
Telerik team
Share this question
or