Versions Compared

Key

  • This line was added.
  • This line was removed.
  • Formatting was changed.

...

Once the accordion is published, an Open all and Close all button will appear on the browser (front-end).

Accordions should have at least 2 pieces of accordion content.

On this page:

Table of Contents

Add an accordion

When using the Landing page template, scroll down to the Page content section and select Add Component.

...

Leave the Accordion title field blank.

...

Here you will be able to populate the following fields

  • Accordion title: add a heading 2 if you need a heading above your accordions (this isn’t mandatory)

  • Style: a Standard or Numbered accordion style can be applied to the front-end design

    • Numbered accordions should only be used for procedural-type instructions where the order is important.

...

  • Accordion items: add an accordion Item title and Item content. Headings within the Item content section should start from Heading 3.

To add another accordion block, click the Add another component button.

...

Accordion image dimensions

  • Landscape image: maximum 818px wide, no more than 496px high

  • Portrait image: maximum 400px high

Front-end display of an accordion