Accordion

The Accordion widget will allow you to create a list of items with headings that expand and collapse to show the content inside. 

A single Accordion widget can contain up to 10 tabs. If you need more than 10, use a second widget, and so on.

NOTE: In the page editor, you will not see the widget the way it will look on the page – all you will see is the heading bar and edit icon. 

You will need to preview the page in order to see what it will actually look like on a page.

This is what the Accordion looks like within the editor:

This is  NOT an error or bug, it is the correct behavior of this widget.

This is what the widget looks like on a page with all sections collapsed:

One section expanded:

 

After dragging the widget onto the page, click the Edit button  in the upper-right corner of the widget.

WAIT a few seconds for the widget to fully populate.   

This is NOT an error or bug, it just takes time for all of the content blocks to load.

After the widget has fully loaded, scroll up so you can see the Accordion ID and “Tab 1”

You can now configure the following areas:

Accordion ID

If you are using more than one Accordion widget on a page, you will need to give them ID numbers in numerical order.

It is a good practice to always enter “1” in this field in case you do need to add another Accordion, so you don’t need to go back in and add the number later.  

The numbering does not necessarily have to be sequential. I.e., Accordion 2 could be on top of Accordion 1 and it won't matter.

Tab 1-10:

Each “tab” will have a Header and Content block.

TIP: If you know you will be adding more of the same type of content to the accordion at a regular interval - monthly/yearly award recipients for example, start at the BOTTOM (Tab 10) and work your way up, backwards.   This way you will not have to move content down as you add content in each tab moving forward.

 

·         Header 
This is the text that will be shown on the “outside” of the Accordion and will act as a link to expand the section. 

·         Content 

This is a standard Content Block, just inside of another widget. It has all the same tools and functionality as the regular Content Block widget.

 

If you don’t need to use all 10 slots, you can fill in what you need, and leave the rest blank.

After you have populated the widget, click  “Save,” then preview the page so you can test it and see what it looks like.

• Related Articles

• Event Calendar

  The Event Calendar Widget will display events in a list, or feed, format with the event title, date and location.   After dragging the widget onto the page, click the Edit button  in the upper-right corner of the widget.   You can now edit the ...

• Pages Overview

  Pages represent the canvas on which you build and structure your website. In addition, pages contain the administrative and content authoring tools you’ll use to manage your website. In the Pages section, you can create & edit pages, and browse & ...

• Job Postings

  If you would like to display career opportunities from your state, country or region on a page, you can do so with the Job Postings widget.    This widget pulls from active job posts in the MPI Global Career Center.       After dragging the widget ...

• Other Image Library Utilities

  Navigation On the Images page, you will only see top-level libraries, but you’ll be able to see how many sub-libraries are under a top-level library, if there are any.   To quickly access sub-libraries, click on the library name under Manage Images ...

• Other Document Library Utilities

  Navigation On the Documents & Files page, you will only see top-level libraries, but you’ll be able to see how many sub-libraries are under a top-level library, if there are any.  To quickly access sub-libraries, click on the library name under ...