Skip to main content
Pepperdine | Community

Accordion Widget

 

Description

Accordion widget is made up of collapsible drawers of content that can open and close. Allows up to 20 items.

 


 

Recommended Sizes

Full | Three-quarters | Two-thirds | Half

 


 

Preview Accordions

 

Accordion - Standard

 ToggleHeading1

toggleContent

 ToggleHeading2

ToggleContent

 ToggleHeading3

ToggleContent

Accordion - FAQ

 Lorem ipsum dolor sit amet, consectetur adipiscing elit.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at elit lectus. In id lorem eu turpis porta ornare. Etiam sit amet justo massa. Mauris sed arcu quis odio viverra pellentesque aliquam id augue. Donec vitae interdum ipsum. Nulla lectus orci, hendrerit at urna at, molestie vehicula augue. Curabitur pellentesque nisi sed cursus pharetra.

 Phasellus condimentum sem vitae orci ornare aliquet at vel dui.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at elit lectus. In id lorem eu turpis porta ornare.

 Sed auctor diam sit amet mollis semper.

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Suspendisse at elit lectus. In id lorem eu turpis porta ornare. Etiam sit amet justo massa. Mauris sed arcu quis odio viverra pellentesque aliquam id augue.

 Maecenas ut mauris vulputate, gravida magna ac, iaculis lacus.

ToggleContent

 Sed nec nisl et massa porta bibendum.

ToggleContent

 


 

Creating & Editing a Accordion Widget

Instructions

  1. If you are not logged on, see How to Log On to Modern Campus CMS.
  2. Click the Content tab.
  3. Click the New button.
  4. Click the Accordion Widget.
    Note: You do not need to be in the widgets folder as all widgets will be created in each department's widgets folder.
  5. Optional: the Heading Text, Heading Size, and URL sections.
    Note:The heading text will appear above the content area of the widget.
  6. For each Accordion to be displayed, select the Show Accordion checkbox.
  7. Enter a Accordion Heading for each accordion to be displayed.
    Note: If you want to order your tabs from most recent to oldest then it is recommended to start adding from the last accordion option so in the future when you need more accordion items on top you will not have to reorder the existing ones.
  8. Give your widget a filename.
    Note: It is highly recommended to begin the name of the widget with its type followed by the purpose of the widget with hyphens in between. Do not enter a file extension, and make sure to only use lowercase letters, numbers, and hyphens.
  9. Click the Create button.
  10. In the edit window, select the region to edit.
    Note: that this will appear once a accordion heading is selected.
  11. Once you are done editing, click the Save button. This will bring you to the Preview window.
  12. Click the Edit button and repeat the accordion editing steps for each.
  13. When you are done editing all accordion, click the publish button. See Basic Steps to Publish Content.

Review and Edit:

  • To add or remove a accordion item or edit the widget heading check-out the widget and go to the Properties button.
  • To edit a accordion content region click on the accordion you wish to edit to expand the content region and click the Edit button.
  • Save and Publish.