You need to be logged in to post in the forum - Log In

An active JCE Pro Subscription is required to post in the forum - Buy a Subscription

Support is currently Offline

Official support hours
Monday to Friday
09:00 - 17:00 Europe/London (BST)

Please create a new Ticket and we will get back to you as soon as we can.

#103562 JCE styles documentation for accordion

Posted in ‘Editor’
This is a public ticket

Everybody will be able to see its contents. Do not include usernames, passwords or any other sensitive information.

Latest post by k78 on Saturday, 21 March 2020 22:46 GMT

Friday, 20 March 2020 23:26 GMT

k78
Hi,
I'm using JCE Pro and I'd like to structure one of my articles into an accordion like this. How can I do this? In the toolbar under Styles, I find a huge list with dropdown and accordion classes. But where can I find the documentation how to handle them?

Attachments

JCE styles.PNG
Edited by k78 on 2020-03-20 23:26 GMT

Saturday, 21 March 2020 11:03 GMT

Ryan
The accordian styles you are seeing the Styles list are extracted from your template's stylesheets, in this case part of the Bootstrap CSS Framewoek your template uses.

In order to use them to create an accordian, you would have to add HTML markup to apply those css styles to. Here is an example - https://getbootstrap.com/2.3.2/javascript.html#collapse

It might be easier to use a dedicated extension for this, such as RegularLabs Sliders - https://www.regularlabs.com/extensions/sliders

Ryan Demmer

Lead Developer / CEO / CTO

Just because you're not paranoid doesn't mean everybody isn't out to get you.

Saturday, 21 March 2020 22:46 GMT

k78
Hi Ryan,
Thank you! Issue solved 😃
Have a good day!
Oliver