App UI: Left Sidebar Navigation v1

Module

Compatible Templates

• Nexus Portal - App UI Client Portal

• Nexus Portal - App UI Partner Portal

• Nexus Portal - App UI Home Screens 1

• Nexus Portal - App UI Demo

• Nexus Portal - App UI Knowledge Base

• Nexus Portal - App UI Onboarding

• Nexus Portal - App UI Course Login

Instructions:

1. Edit the Page in HubSpot
2. Search for "App UI: Left Sidebar Navigation v1" 
   Search for "App UI: Left Sidebar Navigation v1" in the module Search bar.
   
   
3. Drag it in to the left side bar.
   
   
4. Edit the Navigation
   To edit the Navigation, click on the module
   
   
5. Setting up the Navigation
   Once you click on the module it will appear in the editor
   
   
6. The Navigation
   Each tab is a different link as part of the Navigation
   
   
7. Edit the Links
   Hover over the pen and click to edit.
   
   
8. The icon
   The use of icons can make for a better customer experience.
   
   
9. Change the icon
   Click on the icon to change it.
   
   
10. Select an icon
    Select an icon from the list of icons available.
    
    
11. Edit the name
    In the Text, field change it to the name of the link.
    
    
12. Set the link
    Set the link for when the tab is clicked.
    
    
13. The Link
    They can be any of the below.
    
    
14. Your first link is completed 🎉
    
    
15. Adding more tabs
    Click "Next" or "Add" to add or edit your next tab.
    
    
16. Back to Main Navigation
    Click on App UI: Left Sidebar Navigation v1
    
    
17. Change the order
    You can change the order of the Navigation by dragging and dropping the tabs around.