Site search

Show two examples of using the box....

Please refer to your style guide to see how to set up each type of box style.

 

Toggle Box

An accordian/toggle list is a great way of displaying large amounts of information on one page. You can have the headings as the main list, and when a user sees one they would like to read, they click on the plus icon, and a dropdown will appear with more information. 

You can use the different headings styles, along with adding links to Pages or Resources. 

To create a collapsible list: 

  1. Create a new element. 
  2. Click in the Flexible Content Tab, and Click Box. 
  3. Scroll down to Class, and in the drop down menu, choose ‘Toggle Box’. 
  4. Click Save and Close
  5. Create a new text box inside the Toggle Box. 
  6. Insert the text you would like in the drop down. 
  7. Click Save and Close. 
  8. Repeat if you need more than one Toggle Box.
Example of a Toggle Box

Lorem ipsum dolor sit amet, consectetur adipiscing elit. Praesent euismod nisl sit amet bibendum rhoncus. Nunc quis tristique ex. Pellentesque habitant morbi tristique senectus et netus et malesuada fames ac turpis egestas. Mauris a ex tellus. Integer blandit felis eget nulla vulputate mollis. Duis odio lacus, luctus eu maximus vulputate, aliquet sed tortor. Nunc massa nunc, tempus non libero eu, porta dapibus leo. Pellentesque nec dolor sed libero suscipit vulputate.