- Logging In
- Access Levels
- Workflow Tasks
- Website Guidelines
- Help Videos
- Files and Folders
- Upload Files
- About Navigation
Accordions and Tabs
The accordion is used to shorten pages that have a lot of text that with multiple headings.
This is what the accordion looks like on the published page.
Any content can go here 1
Any content can go here 2
Tabs are used to shorten pages that have a lot of text with short text headings.
Tabs are very similar to accordions. Just use a T instead of an A in step 6a.
Here are what tabs look like on a published page:
Any content can go here 3
Any content can go here 4
How to Add an Accordion or Tabs to Your Page
One nice feature of the revised Accordion and Tabs snippet is that you can toggle between the two very easily. If you start creating tabs but decide an accordion would be more appropriate you can just change the letter in the snippet from "T" to "A" and the snippet will show up as an accordion instead.
Another nice new feature of the accordions and tabs is that they will automatically adjust to the width of their containing block. You don't have to use separate snippets to get differet widths for your accordions.
- To add the snippet to your page, select the "Insert predefined snippet content" icon on your toolbar.
- From the Category pull down menu, select "Content Organization", then choose "Accordions and Tabs" in the Snippet pull down menu.
- Click "Insert."
- This is what the accordion/tabs snippet looks like in the WYSIWYG editor.
- To configure your accordion or tabs
- make sure the first red bordered cell has either an "a" or an "A" in it for an accordion or a "t" or a "T" in it for tabs.
- The Group Title isn't currently being used. It can be left as is
- Change the ID (not visible on page), Title, and Content cells of the table.
- Add table rows to add more panels.
- Any kind of content can be put in an accordion except for other accordions and any kind of content can be put in tabs except for other tabs.