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 displays a link to the parent page, followed by links to peer pages. If a peer page has children, links will display in an expandable panel.

See in the following annotated screenshot of the left menu for an example page in the component library and the site structure where:

  • Green is the current section, this page
  • Blue is the parent page
  • Red is a peer page
  • Purple is a peer page which has child pages. Here the expandable panel has been opened to show the child links. When the page loads if the current page has children the expandable panel is open, other expandable panels are closed.
  • Orange is a peer page set to not show in navigation and does not display in the menu
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
HeadingAdd a heading, for example, “Frequently Asked Questions” (creates an H2 heading).250 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