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

2 posts, 0 answers
  1. Peter
    Peter avatar
    1 posts
    Member since:
    Dec 2015

    Posted 23 Dec 2015 Link to this post

    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

  2. Eyup
    Admin
    Eyup avatar
    3005 posts

    Posted 25 Dec 2015 Link to this post

    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
  3. UI for ASP.NET Ajax is Ready for VS 2017
Back to Top