Navigation Node

Overview

• Navigation Node is used to display items in the Vertical Navigation Component

• For detailed information on the Vertical Navigation Component please refer Vertical Navigation

• You can add multiple Navigation Nodes inside the Vertical Navigation, also you can add multiple child nodes inside Navigation Nodes

• Refer to screenshots:

  • Parent Node(1)

  • Child Node(2)

• Navigation Nodes means a vertical list of items that either take you to another page or to different parts within the same page

Open

Navigation Nodes

Attributes

Show Icon

• If the checkbox for Show Icon is true, then it shows an icon on the left side of the Navigation Node

Open

Navigation Node with Show Icon Checkbox true

Label

• The label is a short description displayed on the node

Icon

• You can set an icon to Navigation Node

• For more information about icons please refer to this link

URL

• Allows you to specify URL for nodes

• For e.g. if you set Google for a node, upon clicking the node you will be redirected to Google

• URL comes with two targets

  • _self: Opens web page in the same tab
    
    

  • _blank: Opens web page in next tab
    
    

Is selectable

• If the checkbox is true, then in preview mode, a selectable checkbox is displayed on the right corner of the navigation node

Node Action

• You can perform node actions on the Navigation Node

• Click on the + icon

• Give action

• Save and Run the layout

• In the Preview node after clicking on the node action will perform