By Fatema T. Zuhora on Wednesday, 07 September 2016
Category: Quix Resources

How to Create an Accordion using Quix

Accordions are very similar to tabs that allow for additional content to be shown below the heading upon mouse action, but the items are not displayed within a vertical list.

When a new item within the accordion list is opened, the previously-opened item is closed, and the new item's content is displayed.

Whether you are a Free or PRO user of Quix - the most advanced page builder for Joomla, you will get an accordion element includes with it.

In today's post, I am going to show you how to create an accordion with Quix page builder.

Let's see the customization options of Quix Accordion.

How to Create an Accordion using Quix?

Insert Accordion Element:

To start, you have to insert an accordion element. So, choose a section of your website where you want to inject the accordion.


Configure General Settings:

You can see few following options inside general settings tab.


When you add a new item in the accordion, you will get another setting panel and can customize every item. Just click on anyone, it will take you to the configuration option.


You'll get the following options among each item.

Configure Style Settings:

You can see few following options inside styles settings tab.


Configure Advanced Settings:


Quix also allows you to fetch some extra style using the Advanced settings panel. Just write your own attributes in a CSS class of your templates stylesheet and insert those class name here.

The image in below presents an example of accordion that we have used in our Joomla Templates.



I have tried to brief all setting options of the accordion element in above. Hope you got it and now able to create an excellent accordion on your own using the Quix page builder.

Have any questions? Let us know through the comment section.

Leave Comments