Course Navigation Legacy
This menu is always visible to desktop users, and provides links to the main parts of the course. Teachers can also add custom links to the menu.
A student is viewing the page. Shown inside a .col-sm-4 container.
<div class="col-sm-4 hidden-xs">
<nav
class="course-menu"
id="main-course-menu"
aria-labelledby="course-menu-heading"
>
<ul class="nav nav-pills nav-stacked">
<li>
<a href="#course-content" class="skip-link page-skip-link">
Skip course navigation
</a>
</li>
<li role="presentation" class="header">
<h4 id="course-menu-heading">Course</h4>
</li>
<li role="presentation" class="menu-home active">
<a href="/def/current/">
<span class="glyphicon glyphicon-home" aria-hidden="true"></span>
DEF000
</a>
</li>
<li role="presentation" class="menu-toc">
<a href="/def/current/toc/">
<span class="glyphicon glyphicon-book" aria-hidden="true"></span>
Course materials
</a>
</li>
<li role="presentation" class="menu-results">
<a href="/def/current/user/results/">
<span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
Exercise results
</a>
</li>
</ul>
</nav>
</div>
A teacher is viewing the page. Shown inside a .col-sm-4 container.
<div class="col-sm-4 hidden-xs">
<nav
class="course-menu"
id="main-course-menu"
aria-labelledby="course-menu-heading"
>
<ul class="nav nav-pills nav-stacked">
<li>
<a href="#course-content" class="skip-link page-skip-link">
Skip course navigation
</a>
</li>
<li role="presentation" class="header">
<h4 id="course-menu-heading">Course</h4>
</li>
<li role="presentation" class="menu-home active">
<a href="/def/current/">
<span class="glyphicon glyphicon-home" aria-hidden="true"></span>
DEF000
</a>
</li>
<li role="presentation" class="menu-toc">
<a href="/def/current/toc/">
<span class="glyphicon glyphicon-book" aria-hidden="true"></span>
Course materials
</a>
</li>
<li role="presentation" class="menu-results">
<a href="/def/current/user/results/">
<span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
Exercise results
</a>
</li>
<li role="presentation" class="header">
<h4>Course staff</h4>
</li>
<li role="presentation" class="menu-participants">
<a href="/def/current/teachers/participants/">
<span class="glyphicon glyphicon-list" aria-hidden="true"></span>
Participants
</a>
</li>
<li role="presentation" class="menu-groups-edit">
<a href="/def/current/teachers/groups/">
<span class="glyphicon glyphicon-list" aria-hidden="true"></span>
Groups
</a>
</li>
<li role="presentation" class="menu-all-results">
<a href="/def/current/teachers/results/">
<span
class="glyphicon glyphicon-folder-open"
aria-hidden="true"
></span>
All results
</a>
</li>
<li role="presentation" class="menu-analytics">
<a href="/def/current/teachers/analytics/">
<span class="glyphicon glyphicon-stats" aria-hidden="true"></span>
Visualizations
</a>
</li>
<li role="presentation" class="menu-edit-news">
<a href="/def/current/teachers/news/">
<span class="glyphicon glyphicon-pencil" aria-hidden="true"></span>
Edit news
</a>
</li>
<li role="presentation" class="menu-edit-course">
<a href="/def/current/teachers/">
<span class="glyphicon glyphicon-cog" aria-hidden="true"></span>
Edit course
</a>
</li>
</ul>
</nav>
</div>
Known Issues
There are no known issues at this time.
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.