Body – Left Menu WYSIWYG

Add body with a left hand section navigation menu

How to use

  • Add the Body content. This is a WSYIWYG area, see WYSIWYG Content options

Recommendations for usage:

  • Use the body - left menu WYSIWYG content type directly after a hero
  • Use only on pages which are set to show in navigation
  • Only 1 body - left menu WYSIWYG content item can be can be added per page
  • Not suitable for use on pages at level 2 of the site structure (child pages of the homepage)

Left Menu Display

The menu is pulled in based on where closest the NavRoot is set on the current branch above the current section. The menu displays a link to the NavRoot, followed by child pages and grandchild pages of the NavRoot (2 levels of the Site Structure).

The NavRoot is set by an administrator adding the NavRoot content type to a section (the content item must be called NavRoot). 

See in the following annotated screenshot of a left menu where the Education Abroad section has been set as the NavRoot where:

  • Green is the link to the NavRoot
  • Blue are the children of the NavRoot
  • Orange is a child with children
  • Red is not shown as section contains no approved content items
  • Purple is a section where child pages are not shown as there is a single child section set to not shown in navigation
Annotated screenshots showing how left menu displays peer and child pages

Content Type Details

ID: 7265
Name: Body – Left Menu WYSIWYG
Description: This component allows placement of body content within the flexible components area of a page and a dynamic left-hand side navigation menu.
Minimum user level: Contributor

Content Type Elements Details

NameDescriptionSizeTypeRequired
NameThe Name Element80 CharactersPlain TextYes
HeadingH2 for the Page250 CharactersPlain TextNo
BodyMain content within a WYSIWYG99999 CharactersHTMLYes
Accordion 1 - TitleTitle of the accordion150 CharactersPlain TextNo
Accordion 1 - BodyThe main content within a WYSIWYG99999 CharactersHTMLNo
Accordion 2 - TitleTitle of the accordion150 CharactersPlain TextNo
Accordion 2 - BodyThe main content within a WYSIWYG99999 CharactersHTMLNo
Accordion 3 - TitleTitle of the accordion150 CharactersPlain TextNo
Accordion 3 - BodyThe main content within a WYSIWYG99999 CharactersHTMLNo
Accordion 4 - TitleTitle of the accordion150 CharactersPlain TextNo
Accordion 4 - BodyThe main content within a WYSIWYG99999 CharactersHTMLNo
Accordion 5 - TitleTitle of the accordion150 CharactersPlain TextNo
Accordion 5 - BodyThe main content within a WYSIWYG99999 CharactersHTMLNo
Accordion 6 - TitleTitle of the accordion150 CharactersPlain TextNo
Accordion 6 - BodyThe main content within a WYSIWYG99999 CharactersHTMLNo

Example

See Body – Left Menu WYSIWYG example, where this page in the component library is set as the NavRoot.