Top Menu

Overview - Top Menu

Are you sure you want to remove this component?

The top menu can be customised to suit your school's needs.

This page will give general instructions on how you can personalise the top menu in your school's instance for the various roles in your system. You can also add new top menu links and edit current or default top menu links. 

On this page, you will find the following information:

How to use the Top Menu

Adding a top menu link

Modifying a top menu link

How to Use the Top Menu

Are you sure you want to remove this component?

1. Go to Administration > Design > Top Menu.

You will see a list of the current top menu options. The smaller greyed-out text shows the hover text that displays when a user hovers over the option. 

You can select the '+' icon to add a new Top Menu item.

image.php?hash=0c72c6c47f10279b2b2bfcee8c013bbbf808ead2

You can select the pen icon to edit a Top Menu item.

image.php?hash=92ca5ce1b2a80393394b7a916e8bf31d0164b66b

You can select the bin to delete a Top Menu item.

image.php?hash=ba106c3655b50f1a6553d466a748a5d5b096ac3d

Use the grab handle to change the order the Top Menu items will display.

image.php?hash=4cd901393af806c0996ed956de41a319477242e1

Modifying a top menu link

Are you sure you want to remove this component?

1. Go to Administration > Design > Top Menu.

2. Select the pencil icon next to the link you want to modify.

image.php?hash=92ca5ce1b2a80393394b7a916e8bf31d0164b66b

3. Edit any of the fields to modify the link. These include:

  • Title
  • Hover description
  • Icon
  • Destination URL
  • Campus visibility
  • Role visibility

image.php?hash=6b042264f34cd281d6d2a287ae0aa1a83a36a04d

4. Select 'Save'.

Adding a top menu link

Are you sure you want to remove this component?

1. Go to Administration > Design > Top Menu.

2. Select the '+' icon.

image.php?hash=0c72c6c47f10279b2b2bfcee8c013bbbf808ead2

3. Enter a title.

NOTE: These should be kept to one or two words.

4. Enter a hover description. This is the text that will show when a user hovers over the link. It is optional to include this detail.

5.Use the drop-down arrow to select the icon you wish to display for this link. You only have the option to choose from the list in the drop down box. A preview will show when you select an option.

6. Enter the URL you wish the item to link to, this could be local or external. By choosing 'browse', you can select a page within your instance.

7. Choose you campuses and roles that will have visibility of this top menu item.

image.php?hash=11d4569d1838423140018cf11bf0d08bf00f5e3e

8. Select 'Save'.