Left Menu

Content Approver

Content Approver

A Left menu is a navigation element providing quick access to other pages. iService standards are common items such as "Services", "Tools and Resources", "Key Links" and "Contact".

However, iService can adapt the left menu to fit the client needs.

To add items to the left menu, please contact the iService team at: NC-iSERVICE-WEB-GD@hrsdc-rhdcc.gc.ca.

Content Publisher

Content Publisher :

Left menus are an html file added to a page through a selection menu on the layout tab when editing a page in the content management system. The layout of a page must be 2 columns and menus are organized by discipline.

layout tab, edit dialog box

The English menus for editing are located in Teamsite at: //MLAP3778/edsc-esdc/main/WORKAREA/common-commun/common/includes/sp-es_prv/wet4/en/left_nav and the French menus at: //MLAP3778/edsc-esdc/main/WORKAREA/common-commun/common/includes/sp-es_prv/wet4/fr/nav_gauche

Code Breakdown

Each new section title in the menu is in a level 3 heading tag
<h3>Services</h3>

The links are presented in an unordered list with the classes list-group, menu and list-unstyled.
<ul class="list-group menu list-unstyled">

Each link is in a list item with the class "list-group-item"
<li><a class="list-group-item" href="/eng/support/publishing-guide/web-development-services.shtml">Web Development Services</a></li>

<h3>Services</h3>
<ul class="list-group menu list-unstyled">
<li><a class="list-group-item" href="/eng/support/publishing-guide/web-development-services.shtml">Web Development Services</a></li>
<li><a class="list-group-item" href="/eng/support/service-design.shtml">Content Design Services</a></li>
</ul>

<h3>Tools and Resources</h3>
<ul class="list-group menu list-unstyled">
<li><a class="list-group-item" href="/eng/support/publishing-guide/authorities.shtml">iService Table of Authorities</a></li>
<li><a class="list-group-item" href="/eng/support/publishing-guide/directory.shtml">Web Design and Development Toolkit</a></li>
<li><a class="list-group-item" href="/eng/support/publishing-guide/accessibility-guide.shtml">iService Accessibility Guide</a></li>
</ul>