Navigation helps users easily locate information on your website. Every page on your website will have a Left Navigation that is fully customizable, which means you have control over which pages you link to in that space:

nav4.png

Another aspect of navigation is Breadcrumbs. Breadcrumbs are displayed above the title on a page to show the path or location of the current page by folder relationships:

nav3.png

Left Navigation Levels

Your left navigation has a Block and an _SSI file. The Block is what you can edit to change your left navigation, while the _SSI file is how you publish your left navigation changes to all of your Pages at the same time without having to publish each Page individually.

The navigation block uses three levels of links: Link/Header is the first level, Sub-Link is the second, and Third-Level is the third.

nav1.png

First level link/headers will link to pages, if no Sub-Link is specified.

linkheader.png


Second level sub-links will force the Link/Headers to become toggles, which expand to display Sub-Link options, which means the Link/Header will no longer be a link.

sublink.png



Third level links will automatically display along with their Sub-Links when Link/Headers are toggled.

thirdlevel.png

Each link can be either: an Internal Link (link to a page within Cascade), an HTML link (see HTML Links), or an External Link (a full URL entered manually).

Editing Left Navigation 

Step 1: Edit left navigation
  1. Hover over the left navigation and select "Edit Content" from the pop-up to access the Block
  2. Add and/or edit text in the Link/Header section
    • Click the green plus icon to the right to create additional Link/Headers
  3. (Optional): Add Destination and Sub-links 
    • Click the green plus icon to the right to create additional Sub-links
  4. Select the vertical ellipsis and click "Submit"
nav2.png
Step 2: Publish left navigation
  1. At the bottom of the Block, an _SSI page should be specified
    • Right-click on it and select "View"
  2. Publish the _SSI page to publish navigation changes 

Note: If you are having publishing issues, see Troubleshooting: Publishing Error.

nav5.png

Setting Up Breadcrumbs

Note: Since Breadcrumbs only link to index pages, all folders in your website must contain an index page in order for Breadcrumbs to work. If a folder does not contain an index file, the Breadcrumb link won’t be generated.

For example, let's look at pages in this folder structure:

/cascade/about/index.shtml
/cascade/about/mission.shtml
/cascade/about/vision.shtml
/cascade/about/values.shtml

In this structure, the /cascade/about/mission.shtml page will have breadcrumb links that look like "Cascade > About" which would link to cascade/index page.

The /cascade/about/index.shtml page would only have a Breadcrumb link to the /cascade/index.shtml page because it would be redundant to link to itself, so the Breadcrumbs would only show "Cascade", which would link to /cascade/index.shtml.

 

Step 1: Edit index files
  1. For each index page in your site, add text to the Display Name fields (on each page, select "Edit" in the top toolbar" to find the Display Name field)
    • Display Name fields are specifically for Breadcrumbs; make them brief. For example, if your about/index page Title is "About the Office of Academic Advising," your Display Name could be just "About" for a short Breadcrumb
Step 2: Wire blocks and formats
  1. In the top toolbar on the page you want the Breadcrumb to appear, select: Edit > Configure tab
  2. Locate "Breadcrumbs" Region (see screenshot below)
    • Click "Choose Block" and specify this Block
      1. Browse > JMU > _shared-blocks > _common > breadcrumbs
    • Click "Choose Format" and specify this Format
      1. Browse > JMU > _shared-formats > breadcrumbs > page-title-with-breadcrumbs

breadcrumbs-region

Back to Top