Santa Clara University

Web Publishing

Working with the left-hand navigation

Adding the initial left navigation:

  1. Make all changes to the left navigation from the template. (Help editing template)
  2. Change to author mode
  3. Click the pencil above the section where the left navigation will go and choose "Edit Link Bar..."
  4. The window will show a link: "Click here to add a new entry"
  5. Click the link and you will be given a box with a single field: "Header". This is the name of the button as it will appear in the left-hand column. Enter the value and select "Next.
  6. You will be presented with the standard linking menu. Link to the page where the button should lead to. (Help with linking)
  7. Continue to add items by returning to step 4.
  8. Once you are done, submit your changes, and select "Close".
  9. The intial listing you get may look regular text instead of the standard left-navigation buttons. If so, you must add a rendler handler. Do this by clicking the icon to the left of the pencil above the link bar. One of the first items in the list will be "Custom Rendler Handlers...", select this.
  10. From the list select "Primary Navigation", and then select "OK" and submit the change.

Useful tips:

  • You may edit a link button's name or where it links to by clicking the pencil next to it and selecting "Edit Link..."
  • The order that they appear in the list is the order that they will appear in the actual navigation. To change the position of an item, select the pencil next to the item and select one of the move options.

Modifying the left navigation:

  1. Make all changes to the left navigation from the template. (Help editing template)
  2. Change to author mode
  3. Click the pencil above the left navigation and choose "Edit Link Bar..."
  4. Edit a link: button's name or where it links to by clicking the pencil next to it and selecting "Edit Link..."
    Add a link: at the bottom of the list click the grey link "Click here to add a new entry"
  5. The first field is "Header". This is the name of the button as it will appear in the left-hand column. Enter the value and select "Next.
  6. You will be presented with the standard linking menu. Link to the page where the button should lead to. (Help with linking)
  7. Once you are done, submit your changes, and select "Close".

Adding Pop-up Menus

First part: Making the pop-up menus

  1. Make all changes to the left navigation from the template. (Help editing template)
  2. Change to author mode
  3. At the top of the page, select the right icon menu management icon at the top of the page and choose "Manage Pop-up Menus..."
  4. Click on "Start a new menu" text.
  5. Enter the menu name. This name is for grouping items that will be assigned to a button in the left navigation and will not be seen by users of the site.
  6. Select "Top Right" from the "Position Relative to Link" pull down menu. Then click finish.
  7. To add items, click on the pencil and choose "Add Menu item"
  8. Enter the "Item Text". This is the wording that will show up in the pop-up menu.
  9. Click the "Edit" button in the link section and select the link for the page to go to. (Help with linking)

Second Part: Linking the pop-up menus to the left navigation

  1. Make all changes to the left navigation from the template. (Help editing template)
  2. Change to author mode
  3. Click the pencil above the section where the left navigation will go and choose "Edit Link Bar..."
  4. Click the pencil to the left of the item that you want to add a pop-up menu to and click "Edit Link..." Click next to skip the window with the header information.
  5. You will be presented with the standard linking menu.
  6. At the top of the linking menu there is a tab called "Mouseover Action". Click that tab.
  7. Check the box next to the item "Show Pop-Up Menu". A list will appear of the menus created in part one above.
  8. Select the menu group that you want to assign to the button and click "next".
  9. If you previously had a page asasigned to the button, you will be taken to the gallery page, for page selection. If you are not changing the page that you are linking to from the button, you can just continue by pressing "Finish".

Adding a sub-menu

Due to current limitations in the system, this implementation may not be available to all sites at the present time.

The implementation has some requirements to work properly:

  • There must be a subsite of the current site that contains all of the pages that will be used in the sub-menu.
  • The top link in the linkbar needs to point to a file within the current subsite.
  • The first link that points to the subsite needs to be to an index.cfm file. All the links to the subsite need to be entered below that one.

How to: (Refer to the example below as needed)

  1. All the files that should be displayed with a drop-down menu, need to be grouped together in a sub-folder. Create a subsite, if needed, and move the files to that folder.
  2. In your linkbar, create a link to the index page in the subfolder. (If there is no index, you'll need to change the landing page name to index using the "Rename page..." option on that page under the menu page management icon icon.)
  3. Add linkbar items that you want to show up as submenu items, and link them to pages within the sub-folder.
  4. Once finished entering items, a rendler handler must be applied to make the sub-menus appear/disappear. Do this by clicking the icon to the left of the pencil above the link bar. One of the first items in the list will be "Custom Rendler Handlers...", select this.
  5. From the list select "Primary with subcategories", and then select "OK" and submit the change.
  6. Try out your new menu. You should see the closed up menu as shown below when in the top level site, and then it should open up to display the sub-menu when you visit a link in one of the subsites.

Example:

File Structure - Current subsite is "test". Subsites "fullmenu" and "fullmenu2" contain the files that should casue the display of a sub-menu. File structure

Create the linkbar as normal.

The first link that points to the subsite needs to be to an index.cfm file. All the links to the subsite need to then entered below that one.

In this example, "Full Menu 1" points to the index.cfm file in the "fullmenu" subsite, and the link immediately below it points to another file in the "fullmenu" folder, causing it to appear as a sub-menu item when a user visits a page within the "fullmenu" subsite.

This can be repeated multiple times, as shown with "Full Menu 2"

editing the linkbar
While on any page in the upper level site, "test", the sub-menus are hidden top level with sub menu
While on any page within the sub-folder "fullmenu", the sub-menu for Full Menu 1 will be displayed sub menu for Full menu 1 showing
While on any page within the sub-folder "fullmenu2", the sub-menu for Full Menu 2 will be displayed sub-menu for Full Menu 2 showing

Secondary Navigation

You may want to include a secondary navigation menu in the left column. The secondary navigation would include links to related SCU Web sites that are not included within your site. For example, if you are managing the template for an academic department, you may want to include a link to your division or school's site, to the class or exam schedule sites, or to the academic bulletin site. The secondary navigation menu is differentiated from the main site navigation by its blue background color. To add a secondary navigation menu, follow these steps:

  1. Select your site's template.
  2. Switch to Author mode.
  3. Click the "click to insert new element" link below your main navigation menu in the left column.
  4. From the "Left Column" element gallery category, select "Secondary Navigation".
  5. Click the pencil icon to edit the secondary navigation linkbar.
  6. The first item (with a placeholder name of "content") can be entered without an associated link.  If you rename the first link item to something more descriptive, such as "Related links", it will be displayed in bold text.  That will function as a heading for the links that follow.
  7. Continue adding link names and URLs to the linkbar.
  8. Submit the element for publication.
  9. Test the secondary navigation links from template-based pages in your site.


Printer-friendly format