11.2 Accordion

This chapter will show you how to create an accordion with information on your website. This layout element can be used for creating an FAQ (Frequently Asked Questions) on you website (img 11.2.1). 

To add the Accordion layout, click to create a new element on a page and go to the Layout tab. Select "Accordion with content elements"  (img 11.2.2). 

Save the element before it is possible to add new panels (img 11.2.3). 

Click "Add new: Panel" to create the first panel (img 11.2.4). 

Information fields for the panel is added, which contains the "Panel header" displayed in the frontend and the option of having the panel active when loading the page. At the bottom you can click to add more panels (img 11.2.5). 

Each panel has a field set of information, and it is possible to toggle all tab/pills field sets to close/expand them. On the right, each panel has an icon for dragging and dropping the panels in order and a trash can to remove them. Please note that if you are re-arranging the order, efter putting content in the panels, save in between each move (img 11.2.6). 

When you Save and close, there will be a set of boxes in the backend, one for each tab, where you can place any type of content you wish (img 11.2.7).