Menus

Last edited 5/17/2022
Tentaroo websites include two types of menus, Site Navigation menus and Menus on Pages. Both are accessed in the Menus section of the CMS.

Menus Subtopics:

Menus section of CMS, located by clicking MENUS in the top bar, with sub-sections "SITE NAVIGATION" and "MENUS ON PAGES"

Types of Menus

Site Navigation menus appear in the horizontal menu bar of a website's header and also in the footer. These are always accessible to users, no matter which page of the website they are currently on. These menus are best used for top-level and secondary website organization and for highlighting your most important topics.

Menus on Pages appear in the sidebar of any page they have been enabled on. (On mobile, these instead appear as a drop-down at the top of a page.) These are designed for bundling related pages together into sections and can also be used as an effective third level for Site Navigation menus.

Location on Site
Webpage as shown on a desktop browser, with the Site Navigation Menu in a bar across the top and a Menu on Page in the right-hand column

 

Site Navigation Menus

The Site Navigation tab lists the current first-level menu items. These correspond to the options listed in the website's menu bar. Any items with child menus will have a carrot(>) beside their name. Click on the carrot to expand the child menu and see second-level items

You can use the search option to quickly locate any item, regardless of level. Toggle on Show Deleted to see or restore deleted items.

Use an item's three-dot menu to edit, delete, restore, or re-arrange it. You can also simply click on an item to edit it or re-arrange menu items by clicking and dragging or using the up/down arrows.

To change an item's level or assign it to a different parent, you must first select Edit. Please see the Menu Items section below for more information.

Three-Dot Menu
Sample three-dot menu on a menu item, with the options to Move Up, Move Down, Edit, and Delete

Reorder Menu Items
A menu item being dragged by the mouse to a new position

WARNING: The amount of space in this menu bar is limited, and extra text will wrap to the next line. We recommend restricting the number and length of first-level menu items.

Menus on Pages

The Menus on Pages tab lists menus by their titles. Click on the carrot(>) by the menu's title to expand it and see or edit its contents.

You can use the search option to quickly locate any menu item. Toggle on Show Deleted to see both deleted menus and deleted items.

Use a menu's three-dot menu to change its name or delete the entire menu. Use the three-dot menus on individual items to edit, delete, or re-arrange them. You can also simply click on an item to edit it or re-arrange menu items by clicking and dragging or using the up/down arrows.

To Create a New Menu On a Page:

  1. Click on the green New Menu button and give your menu a title.
  2. Click on the carrot(>) by your menu's name to expand it, then use the green New Item button to populate it. Please see the Menu Items section below for more information.
  3. Include a menu item for each page you want the menu to appear on.

To Add a Menu to a Page:

  1. In the chosen menu, find or create a menu item that links to the webpage.
  2. Edit this menu item to toggle on "Show '...' Menu On This Page."
WARNING: A webpage can only display one Menu on Page at a time. However, multiple menus can link to the same page.

Menu Items

Menu items are the listed links or resources that appear in a menu. They have slightly different configuration options depending on whether they are in Level 1 or level 2 of a Site Navigation menu or are part of a Menu on Page. However, most of their features function identically across types.

Name

This is how the item will appear in menus. It does not need to exactly match the name of the page or resource it links to.

Menu Level

Site Navigation menu items must be assigned a level:

  • Level 1 items will appear across the top bar of your website. There is limited space for Level 1 items and they will wrap to the next line if there are too many or if their names are too long.
  • Level 2 items make up a child menu which will appear when a user hovers over a Level 1 menu item. You can add as many child menu items to a parent as you need.

Parent

Level 2 Site Navigation items need to be assigned to a Level 1 parent that they appear beneath. Menu on Pages items will also display their parent here, but cannot be re-assigned.

Link Type

Tentaroo websites have several automated features to augment certain types of menu links. Select the appropriate link type to access them:

  • Page - A Select Page button will appear, allowing you to browse or search for an existing page on your website. This link will remain connected even if the page's name or short URL is changed. When working with Menus on Pages, a toggle will appear allowing you to show that menu on the selected page.
  • Calendar - A drop-down will appear asking you to select from the Event Categories in your Tentaroo system.
  • Resource - A Select Resource button will appear, allowing you to browse or search for an existing resource. You can also add a new resource in this box using the white + button.
  • External URL - This allows you to enter a full URL, i.e. "https://www.tentaroo.com/training". This is designed for external links but can also be used with relative links to direct to anchors, i.e. "/summercamp#register".
  • No Link - This allows you to create a placeholder item. This option should not be used once a menu is live. The only exception is when creating a blank space. In a Menu on Page, naming such an item "hidden" will create a blank line that can be used as a spacer within the menu.

New Site Navigation Menu Item
Site Navigation menu item creation card, showing the options available when Menu Level is set to Level 2 and Link Type is set to External URL. The fields listed are: a text field for "Name", a drop-down for "Menu Level," a drop-down for "Parent," a drop-down for "Link Type," a text field for "URL," and a radio selection for "Opens In" with the options of "Same Window" and "New Window".

New Menus on Pages Item
Menu on Page menu item creation card, highlighting the selections available in the "Link Type" drop-down. The options are "Page," "Calendar," "Resource," "External URL," and "No Link." When "Calendar" is selected, the option to "Show Menu on Page" appears.

Show Menu on Page

When working with Menus on Pages, page links will include an option to display that menu on the selected page. Only one menu can be shown at a time on the same page, but you can link to a page from multiple menus.

Open In

Any link must be assigned to open in either the same window (same browser tab) or in a new one.

  • Same Window keeps users on your site and is best used for internal pages and calendars.
  • New Window keeps your site active on the original tab and shows the linked information in a separate tab. Best used for resources and external URLs.

Right-Align Menu on Page

Level 1 Site Navigation menu items have the option to right-align their child menus. This allows sub-menu to open out to the left of parent items and is recommended for items on the right-most half of the menu bar.

Styles (Optional)

Level 1 Site Navigation menu items have an optional field to define calendar, contact, or custom styles.

  • Calendar - When used with a calendar link, this style will automatically display upcoming events from the associated calendar alongside the child menu.
  • Contact - This style will include council contact information alongside the child menu and is ideal for an "About" menu item.
  • Custom styles can also be created to change the logo that appears in child menus.

For more information, please contact support@tentaroo.com or schedule training with Anika.

 

We are always happy to assist with website training.
Contact Tentaroo
Schedule a Training