Navigation panel

The content in a dashboard is created by adding panels, and it is possible to add any number of panels to the dashboard.
Navigation
- The navigation panel adds an extra layer of Navigation to the site which could be necessary if you want to highlight specific internal or external pages.
note
This navigation is a secondary navigation that sits below the entire site navigation. An example of why you might want to use this would be if you have a specific area or topic that contains numerous pages
  • Panel
    - You can select a different panel from this drop-down menu
  • Title
    - Enter the title of the panel. You can hide the title by selecting the
    Hide title
    checkbox
  • Layout
    - This is the layout of the panel. Select whether you want the layout to be a horizontal menu or a vertical menu. Then you can add either your menu item or your container
  • Display in
    - Select whether you want to display panel on all devices, or just desktop/tablet
  • Panel class
    - This field allows you to apply custom designs using CSS. This is for advanced users

Custom CSS Class

There is the ability to add customisation to navigation dashboard panels. This makes it possible to add pseudo classes for CSS changes and the ability to add icons. You can then style the navigation panels by changing the colours to look like call-to-action buttons with easily editable call-to-actions.
To do so, within your profile menu drop down, select
Content hub
:
Within the
Content hub
, navigate to
Content manager
>
Navigation
:
The
Navigation
screen opens:
Within the
Navigation
screen, either
Add
a new navigation menu, or
Edit
an existing navigation menu. In this example, we are going to edit the existing navigation menu via
More actions
>
Edit details
:
The
Edit navigation
screen opens:
In this screen, you can
Edit
the details of a container or a menu item:
The
Edit item
screen opens:
Within this screen, you can now add a class name within the new
Class name
field. Select
Done
once you are finished.
If you have edited the CSS section to include an icon against the class name, your new CSS is displayed in the navigation panel:

Related content