OVERVIEW
Target audience: Site Administrators, Site Managers, Site Editors
To save space, you can use Details to add collapsible content (accordions) to a page in the Web Management System (WMS).
In this article:
NOTE: this article refers to a process to be used on sites that have already migrated to the New WMS.
If your site has not yet migrated see the Index of documentation for the McGill Web Management System.
When to use Details
The use of Details should be limited to pages that contain a lot of content that needs to be condensed to reduce scrolling. Details allows users to expand or collapse content sections within a page. It allows the user to quickly scan through the headings and expand only the sections that interest them without being overwhelmed by too much information on the page.
Figure 1: Three collapsible sections added through details. "Resources for staff" has been expanded.
Tips on using Details.
- Avoid nesting a collapsible section within another collapsible section, as this can make pages difficult to navigate.
- Do not add accordions to blocks. They do not style properly.
- You can have several accordion rows, but your page should be user-friendly. Don't use accordions to clump a lot of content onto one page that should be separated into several pages.
How to add Details to a page
- Place your cursor in the WYSIWYG editor where you want to insert Details.
- Click the Add details icon. A collapsible section titled “Details” will be inserted into the page.
- Click on the “Details” title. The collapsible section opens. Change the title.
- Place your cursor in the collapsible section. Enter the content.
- Repeat for each additional collapsible section needed on the page.
