Add Drop-Down to Dashboard Navigation

Avatar
Kepion Support
  • Updated

Introduction

The main dashboard navigation component allows for multi-level navigation capability. This capability allows for the creation of Headers that can group related pages together. In the example below, the navigation bar is starting to become crowded. Let's add a Header to group together all the employee-related pages.

 

1-Edit_dashboard_menu.png

 

 

Example

First, click the settings icon gear.png to enter the Navigation configuration window. Then click the plus button add.png to add a new Header. 

 

4-Add_header.png

 

The arrow buttons can then be used to organize related pages together. This will also affect the order in which the pages are displayed in the navigation item. Should you need to hide a page from the navigation, you can check the hide checkbox. 

 

5-add_pages_to_header.png

 

To change the formatting on the links inside of a Header, switch the Display to Children.

 

2-Set_display_to_children.png

 

Use the PREVIEW tab to see the results. 

 

3-Dashboard_drop_down_menu.png

Was this article helpful?
0 out of 0 found this helpful
Return to top

Comments

2 comments

Date Votes
  • Stan Ka Yan SZE

    But how do I change the alignment, background and font colour of this navigation/header drop down??

    0
    Comment actions Permalink
  • Kepion Support
    • Edited

    Hi Stan,

    I generated a ticket out of your request to help you out. To change the formatting of the drop-down menus in a header, you just need to change Display to Children in the header options. See the above image in the article for details.

    - Ian

    0
    Comment actions Permalink

Please sign in to leave a comment.

Related articles