Aniket Dharia
Design Changes to Accordion Template
by Aniket Dharia - Thursday, 6 February 2014, 11:02 AM


We were trying to add alternate colors to the accordion template in CSS using odd even concept. But it is not working. All the tabs get the same color. Please let us know if there is any way to make this change.






Picture of Chris Jones
Re: Design Changes to Accordion Template
by Chris Jones - Thursday, 6 February 2014, 11:55 AM

Hello Aniket,

This isn't available by default in accordion but it is possible.

You will need to modify the file template/accordion.hbs.
Inside the each block on the div element add this to the class attribute...

       {{odd @index}}

This will output alternating classes on the div.

An example of this is available GMCQ component template (see end of line 18)