Jump Menu

Details

Audience:  Managers

Description:

The Jump Menu block allows you to create a rolldown menu that will appear in the upper right corner of every single page in a site, similarly to the one used by the UC Davis home site.

Installation

  1. Copy the jump-menu-block file into the Base Folder/_user-blocks/ folder on your site in the folder location of your choice.
  2. Click Edit, enter in your menu items and their related links, apply any configuration settings, language preferences and CSS stylings. Click Submit to save.
  3. Edit the page where the jump-menu-block will appear. Attach the block and click Submit to save.

Customization:

By default the Jump Menu is styled through the CMS' central files. You do have the option of adding your own CSS in a supplemental stylesheet.

How to Create a Jump Menu block

How to configure the jump menu block image 1
  1. [+] - This plus sign indicates that this Jump Menu > Item area is a repeating section:
    • [+] - add another menu Item section
    • [-] - deleted the selected menu Item
    • Up or Down arrow - change the order of the menu Items
    • x of y - the item number of a total number of items
  2. Text: the label for the menu item
  3. Link: the Text's destination. You can choose an internal page, file, or external link item, or provide an external URL.
  4. Animated sub-menu:
    Sub-menu configuration
  5. Active?:
    • Inactive: a toggle to turn the sub-menu on and off as desired
    • Slide: activates the sub-menu and employs a roll-out function to display the menu columns
  6. Title: an optional title for the sub-menu column
  7. Text: a text entry in the sub-menu
  8. Linkthe Text's destination. You can choose an internal page, file, or external link item, or provide an external URL.
  9. Heading level: select an appropriate, semantic heading level. If uncertain, leave in the default Auto setting
    Jump menu settings, style, language and comments
  10. Language code: if using a language other than English, you can enter a language code to assist in proper text formatting
  11. Custom class: a custom class can be applied to create unique styling and presentation. Make sure your class name follows the u_class_name convention to avoid conflicting with system styles.
  12. Comments: create notes and comments to track updates and changes

How to attach a Jump Menu block

How to attach a jump menu block to the site configuration file
  1. If you hold a manager role, browse to the Base Folder/_configuration/Site configuration file. Click Edit to access the file.
  2. Expand the file until you can see the Site settings > Site-specific files > Title area extras
  3. Under Title area links block (optional XHTML) area, click the block chooser and browse to the Base Folder/_user-blocks to where you saved your jump-menu block. Confirm the block and then, when you're returned to the site configuration file
  4. Click Submit to save.

Jump Menu Demo



Demo sample of the jump menu and its sub-menu

CSS Stylings

All blocks offered in the Content Library have a built-in hook to allow users to create custom stylings via the use of a supplemental style sheet. To date, the following classes have been created in conjunction with the available blocks:

  • Code block - class name: ._code-block
  • FAQ block - class name: ._faq1 (._faq-block)
  • Feature block - class name: ._feature-block
  • Jump menu block - class name: ._jumpmenu1
  • RSS block - class name: ._rssfeed1 (._rssfeed-block)
  • Slideshow block - class name: ._slideshow1 (._slideshow-block)
  • Title area links block - div id: #links
  • Video block - video2.css
  • XHTML Raw block - class name: ._xhtml-block