Page 1 of 1
Configure Accordion headings using CSS editor
Posted: 20 Jul 2017
by vegard.grutle
Hi!
Is there an easy way to configure accordion headings using CSS editor?
Thanks!
Re: Configure Accordion headings using CSS editor
Posted: 20 Jul 2017
by Nikita Kurguzov
Hello, Vegard!
If you only need to change colors, it is preferable to use inbuilt Layout settings of Accordion.

- Accordion Layout.png (5.14 KiB) Viewed 3728 times
But if you absolutely have to use CSS, you can use classes to select parts you want to change, for example:
Code: Select all
.ui-accordion-header{
background: blue;
color: white;
}
.ui-accordion-header-active{
background: red;
}
All these classes can be seen in the Source Code of the Form when you open it. You can also use Inspector to select certain parts you want to change and look up the classes you need to use for that.

- Accordion Inspector.png (67.27 KiB) Viewed 3728 times
Re: Configure Accordion headings using CSS editor
Posted: 20 Jul 2017
by vegard.grutle
Hi, again!
Obviously, I need to update to the latest version
Thansk!