Navigation

Navbar templates define the look of a navigation bar, including its size, background graphics and link fonts.  Change the links that appear on the navigation bar or change the colors and background image.

Understanding Navbars

Navbars, or navigational bars, are a set of links across the top of all pages that are used to navigate between tools and the homepage. Each course has its own navbar (based on the Course Default Navbar) that links to relevant tools for that course.

By default new courses use the Course Default Navbar. To add or remove tools from the Course Default Navbar, a new navbar needs to be created.  Navbar templates define the look and feel of a navbar, while the navbar controls which links are available on the navbar.

The New Navbar and Edit Navbar pages are divided into two tabs. The Properties tab is used to give your navbar a name and description and select a navbar template. The Links tab is used to add links to the navbar link area. You can also rename the link areas, by default they are called: Top Left Link Area, Top Right Link Area, Bottom Left Link Area and Bottom Right Link Area. The link area names you provide are used as headings; some users, such as blind individuals who use screen readers, use headings to navigate between areas.

Typical Navbar Link Locations

  • Top Left: Personal tools (My Home, Locker, Calendar, Email, etc.)
  • Top Right: Date
  • Bottom Left: Course tools (Course Home, Dropbox, Discussions, Grades, etc.)
  • Bottom Right: Edit Course, Logout

Creating an Editable Navbar

If you create a navbar template in a course, you cannot share it with other courses because they are at the same level in the organization hierarchy.

  1. Click on Edit Course.
    Edit Course screenshot
  2. Click on Navigation.
    Navigation screenshot
  3. Locate Course Default and click the copy course Copy Course Default  icon to its right.
    Copy Course Default screenshot
  4. Click Yes in the "Confirm that you wish to create a copy of a "Course Default" window."
    Copy of Course Default confirmation screenshot
  5. Click Change.
    Change Course Default screenshot
  6. Select the Copy Course Default from the dropdown and click Apply.
    Apply screenshot
  7. Click Set Active in the "Confirm you want "Copy of Course Default" as the Active Navbar."
    Set Active Confirmation screenshot
  8. You can preview your changes in the previewPreview   area.

Add Links to the Navbar

  1. On the main Navbars page, click the name of the navbar you want to edit.
    Name of Navbar to Edit screenshot
  2. Click the Links tab.
    Links Tab screenshot
  3. Select Add Links.
    Add Links screenshot
  4. Select the check box next to the link you wish to add.
  5. Click Add.
    Check and Add link screenshot

Remove a tool or link from a navbar

  1. On the main Navbars page, click the name of the navbar you want to edit.
    Name of Navbar to Edit screenshot
  2. Select the Links tab.
    Links Tab screenshot
  3. Open the Actions context menu for the desired link by clicking on the arrow to its right.
  4. Select Remove .
    Remove Link screenshot

Reorder links

  1. On the main Navbars page, click the name of the navbar you want to edit.
    Name of Navbar to Edit screenshot
  2. Select the Links tab.
    Links Tab screenshot
  3. Open the Actions context menu for the desired link by clicking on the arrow to its right.
  4. Select Move Left, Move Right or Move Link To .
    Move link screenshot

Show or hide a link's text or icon

  1. On the main Navbars page, click the name of the navbar you want to edit.
    Name of Navbar to Edit screenshot
  2. Select the Links tab.
    Links Tab screenshot
  3. Open the Actions context menu for the desired link by clicking on the arrow to its right.
  4. Select Customize Link Display .
    Customize Link Display screenshot
  5. From the Link Style drop-down menu, select Text Only , Icon Only or Icon and Text .
  6. Click Save .
    Link Style screenshot

Rename a link area

  1. On the main Navbars page, click the name of the navbar you want to edit.
    Name of Navbar to Edit screenshot
  2. Select the Links tab.
    Links Tab screenshot
  3. Open the Actions context menu for the link area you want to rename by clicking on the arrow to its right.
  4. Select Rename Link Area .
    Rename Link Area screenshot
  5. Select Custom and enter a Custom Name or select none.
  6. Click Save .
    Select Custom screenshot

Delete a navbar

On the main Navbar page, click the Delete icon beside the navbar's name.
Navbar Delete screenshot

Warning You cannot undo this action. When you delete a navbar that is being used, the course using the navbar is forced to use the Course Default Navbar. You cannot delete the Course Default Navbar and you can only delete the copy.

  Last Updated 7/19/11