Help Center

Menu

The information on this page relates to beta testing within the DXP

This documentation includes information for selected beta testers within the DXP. DO NOT use this unless you have been instructed to do so.

Accordion

Use the accordion component to display a set of items within an accordion on your web page.

Add the component to your page

When you are editing your page using page-builder:

  1. Add a component to your page by clicking the widgets Add component button or by adding a content block (by clicking the add_circle button) then clicking the add component button.

  2. Locate the accordion Squiz core component within the component browser and then click the Select button.

    accordion component select

  3. This will add the accordion component to your page.

Configure the accordion component

accordion fields

  1. This is the title under which the accordion will be displayed.

  2. In the 'Accordion item' title bar are the Delete (delete_forever) button, to the far right, and the drag indicator (drag_indicator), to the far left.

  3. This field sets the heading for the current item.

  4. The content for the current accordion item.

  5. The add_circle Add button allows you to add additional items to your accordion. When the component loads you will have an unpopulated item that you can fill in. This is covered in the [item-configuration] section.