Jump to section

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

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.

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
  • Top 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), a Symlink (see HTML Links) or an External Link (a full URL entered manually).

 

Step 1 - Edit Left Navigation:

  1. Hovering over the left navigation and select Edit Content from the pop-up to access the Block
  2. Click the + to add additional links
  3. Add Link Text, Destination, and Sub-link (optional)
  4. Select the vertical ellipsis and choose Check Content & Submit

 

PRO-TIP: If you added Sub-Links but want to maintain the link in the Link/Header, enter a link title in the All Link Text field. This will create a Sub-Link for the Link/Header link. If you do not enter in a link title, the link will display without text as a clickable blank space.

link-text.png
nav2.png

Step 2 - Publish Left Navigation:

At the bottom of the Block, an _SSI page should be specified

  1. Right-click on it and select View
  2. Publish the _SSI page to publish navigation changes 

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

nav5.png

Breadcrumbs

NOTE: For Breadcrumbs to work, all folders in your website must contain index files. Breadcrumb links only link to index files; 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 looking like "Cascade > About" which would link to cascade/index and cascade/about/index.shtml respectively.

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

  1. For each index file in your site, add text to the Display Name fields.

    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

  2. For the page you want the breadcrumb to appear, Edit it, then click the Configure tab:
    1. Locate "Breadcrumbs" Region (see screenshot below)
    2. Specify this Block for the "Block"
    3. Specify this Format for the "Format"

breadcrumbs-region

Back to Top