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.
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
As of version 5.3, we have added the ability to add customisation to navigation dashboard panels. This is so it is 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, click Content hub:
Within the Content hub, navigate to Content manager > Navigation:
The Navigation screen will be displayed:
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 is displayed:
Within this screen, you can Edit the details of a container or a menu item:
The Edit item screen is displayed:
Within this screen, you can now add a class name within the new Class name field. Click Done once you are finished.
If you have edited the CSS section to include an icon against the above class name, your new CSS will be displayed within the navigation panel:
