Display an accordion of categorised questions and answers anywhere in the page.
Note: In order to display an FAQ item in the listing each one is required to be added as an item of content - you can find out how to add this content by clicking the button below.
Once you have some FAQ items you can add a title which is displayed left align above the accordion, then choose which category of FAQ items are relevant for your page by selecting the 'FAQ type'.
Display behaviour to note.
The FAQ accordion is displayed 'collapsed' when the user visits the page, selecting an item un-collapse's that item. Selecting another item collapses an open item and un-collapses the selected one. ie: only one item is open at any time.
Fields that exist on this paragraph type are:
* = Required
Title - Text field
FAQ type - Dropdown
The layout and background of the paragraph can be configured with the additional fields:
Background image - Image upload
Background colour - Dropdown
The background colour can be selected from the core brand colours defined in the theme variables.
Width - Dropdown
Default options - Narrow/Medium/Wide/Full/Full bleed
Partial background %
Select the % of the background to apply colour to.
Partial background orientation, choose the position of the partial background
From top / From bottom
Top margin - Dropdown
Default options - Auto/96/48/32/16/8/0px
Bottom margin - Dropdown
Default options - Auto/96/48/32/16/8/0px
Examples of an FAQ listing paragraph display
Initially the accordion is collapsed when the page opens
Display of an FAQ item expanded after being selected
Examples of the FAQ listing paragraph form