1. Components

Breadcrumbs Legacy

Breadcrumbs are a series of links which show the user which page they are viewing within a course.

The user is viewing a page within a module.

Open example in new tab 


<ol class="breadcrumb">
  <li><a href="#">DEF000</a></li>
  <li><a href="#">1. Module 1 - Introduction</a></li>
  <li class="active">1.7 Multilingual course (i18n)</li>
</ol>

General guidelines

The breadcrumbs should always be visible when the user is viewing a child page inside a course. They don’t need to be used if the user is outside of a course.

The breadcrumbs start from the index page of the course, not the A+ front page. The top-level item is always the course code.

The final breadcrumb should always be the currently visible page.

Known Issues

  • Should the top level be the front page?

Legacy Component

This component has known issues and is in need of work.

Use it with caution.

If you need to use it, consider addressing some of the known issues at the same time as you're creating something new with it.

Discuss this

If you have questions, ideas for improvements or feedback on using these guidelines, you can join the disucssion in this GitHub issue.