Quick Start Guide: Accordion Component

Below are tips to help you build and customize your Accordion component.

Note: The Accordion component is structured using the Accordion Builder table. Each row of this table represents an accordion, and consists of a corresponding Accordion ID, Accordion Name, and Content.

Adding and deleting accordions

Use the floating table functions menu in the Accordion Builder table to add or delete accordions by adding or deleting rows. This floating menu will appear at the top or bottom when you click anywhere inside the table column or row: table function buttons

Adding content to an accordion

Once an accordion row has been added, fill in the following fields:

Field

Description

Accordion ID

Choose a unique identifier name for the accordion.

Accordion Name

This is the text that appears at the top of the accordion.

Accordion Contents

This is the content that you want to present within the accordion.

A few helpful hints:

Copying, moving or deleting the Accordion component

The Accordion component can be copied, moved or deleted through the following steps:

Selecting the component
Select the component. Notice the light blue hightlight that appears around the component.
  1. Scroll up to the “Information Card” section, near the top of the component.
  2. Select the component by clicking anywhere in the “Information Card” area. A light blue highlight will appear around the component.
  3. Use keyboard shortcuts to perform the desired operation:

    Operation

    PC

    Mac

    Cut

    Ctrl +x

    Cmd +x

    Copy

    Ctrl +c

    Cmd +c

    Delete

    Delete

    fn + Delete

    Paste

    Ctrl +v

    Cmd + v