12 Jul 2019

Custom site navigation

Product Filter HighQ Collaborate
Product Area Filter Sites and templates

Site administrators are able to customise the site navigation bar, giving them the ability to add links to modules, sites, individual content items or external links in any order or combination.

To access the custom navigation settings, navigate to Admin > Site settings > Site navigation:
There will be two options listed, Automatic site navigation and Custom site navigation:

Automatic site navigation is where the modules can be renamed but not moved around, the top navigation bar is connected and will reflect the enabled modules. The custom site navigation can be completely tailored - you can change the order, change what appears, hide modules, add links to iSheets, tasks or folders, and even add containers to group items into dropdowns. The below information shows you to set up your custom site navigation. 

Click the Custom site navigation check box to display the Customer site navigation screen:

Adding a menu item

A menu item is the button that is displayed in the navigation menu. For example:


In order to add a new menu item, navigate to Add Menu item:

The Add menu item screen is displayed:


Within this screen, you have access to three tabs: BrowseExternal and Search.

Browse

The Browse tab allows you to search for an existing menu item. Click the menu item you want to add and it will automatically be added into your list.

External

The External tab allows you to add an external menu item:


Enter the title of the menu item, the URL to the menu item and whether you want it to open a new window, or be displayed in the current window. Once you have entered these details, click Add to add your new menu item.

Search

If you have many menu items available to you, the Search tab allows you to quickly and easily search for the specific menu item:

Adding a container

A container allows you to create menus with sub-menus:


To create a new container, navigate to Add Container:

The Add Container screen is displayed:


Enter the name of your container and choose how many columns you want the menu to be displayed in.

Click Add to add your new container.

Adding content to a container

In order to add content to your container, from the Site navigation screen, drag and drop the content you want to be displayed within your container:

Everything that is the child to your container will be displayed in your menu item.

Editing content

In order to edit your content, navigate to the piece of content you want to edit and click More actions > Edit details

The Home screen is displayed:


Within the Details tab, you can edit both the existing title and tooltip.

In the Custom CSS tab:


You can add custom CSS in each of the fields.

Deleting content

You can delete any of your content by navigating to More actions > Delete:

Click Delete to delete the piece of content.

Previewing custom site navigation

Before committing your new custom navigation, you can view it as a preview. To do this, click Preview:

Your newly created custom navigation will be displayed, allowing you to see what it will look like if you save all of your changes:

From here, you can cancel your preview and return to the previous screen by clicking Cancel preview, you can make changes to your navigation and click Preview again to update your preview, and you can click Save to save all of your changes and update your custom navigation.

Was this article helpful?