Module How-To: Accordion

Oren Shapiro

Created Mar 26, 2024

Module How-To: Accordion

A quick how-to on how to use the Accordion module.

22
    g

Module How-To: Accordion

13 Steps

The Accordion module allows administrators to create collapsible content panels for presenting information in a concise and manageable format. This module is ideal for FAQs, course outlines, or any content that benefits from a streamlined, accordion-style presentation.

1

Go to your Drag and Drop Module drawer.

Select your the module you want and drag it to the zone you want.

Go to your Drag and Drop Module drawer.
2

Edit the Widget

Click on the Pencil icon.

Edit the Widget
3

Name Your Module "Accordion"

To help organize your content and modules, its good practice to name your module.

Name Your Module "Accordion"
4

Click on Add new record

Click on Add new record
5

Type Your Accordion Header

Type Your Accordion Header
6

Enter a Hashtag

This is usually just a repeat of your title name as one word or no spaces.

Enter a Hashtag
7

Click on Update

To complete your edits, click on Update to exit to the accordion lister variations.

Click on Update
8

Let's add more Accordions. Click Add new record

Let's add more Accordions. Click Add new record
9

Enter another Header. ie. "Header 2"

Enter another Header. ie. "Header 2"
10

Enter a Hashtag

Enter a Hashtag
11

Click on Update

Click on Update
12

Click on the Live Preview Editor to Preview Your Changes

Click on the Live Preview Editor to Preview Your Changes
13

Preview Your Changes

Preview Your Changes
Well done!
Create how-to guides like this in a snap. Get Tango now.