Accordions and tabbed content

To create an accordion or tabbed content, you first need to set up a folder. In this folder, each accordion item or tab will be a standard page.

1. Right click on the standard page that the Accordion/tabs will live on.
2. Select New Child and then Folder.
3. In the pop up, name the new folder accordingly, e.g.  Accordion or Tabs.
4. Change the link type to hidden.
5. Select Create.

1. Navigate to the folder that you just created in the asset tree.
2. Right click and select New Child, then Page and select Standard Page.
3. Name the standard page the title of your accordion item/tab.
4. Add a standard page under this folder for each accordion item or tab.
5. Ensure each page is a hidden link.

Accordion menus are used to order content. It is a vertically stacked list of items where each item can be expanded or opened to reveal the detailed content associated with that item. It works like the accordion musical instrument where it is closed and then expanded.

To reduce page loading times, please limit the amount of accordions to no more than three per page. We recommend limiting the number of pages within one accordion to five. Do not create an accordion within an accordion.

1. Navigate to the Standard page you wish this content to live on, or create a new page.
2. Right click on your Standard page in the asset tree and select Content.
3. Once on the Content screen, select the plus icon.
4. In the pop up box search for accordion and select it
5. Fill out the following fields:
   • Heading: (Optional)
   • Folder: This is where you will nest your folder of standard pages, as created above
   • Type: Leave as single Open
   • Wrapper: add a wrapper or leave as is.
6. Save

Tabs are like browser tabs, allowing the user to view one piece of information at a time.

1. Navigate to the Standard page you wish this content to live on, or create a new page.
2. Right click on your Standard page in the asset tree and select Content.
3. Once on the Content screen, select the plus icon.
4. In the pop up box search for tabbed content and select it
5. Fill out the following fields:
   • Heading: (Optional)
   • Folder: This is where you will nest your folder of standard pages, as created above
   • Type: Select from the following
     • Tabbed: horizontal tabs
     • Side tabs: vertical tabs
     • Left-tabs: vertical tabs displayed as buttons
   • Wrapper: add a wrapper or leave as is.
   • Ajax: Leave as standard
   • Hide headings: select whether headings (the name of the tab) will display in the content under the tabs
6. Save