Brightspot CMS User Guide

Creating a navigation


A navigation is a set of menus and links that appears at the top of each page in a site. Enterprise-grade navigations typically include links to different pages and sections, such as product offerings, solutions, use cases, company information, and more.

Navigations follow the rules of content hierarchy. If you define a navigation at the global level, it flows to the site level, then the section level, and finally the asset level.

To create a navigation:

  1. Click menu > Admin > Sites & Settings.
  2. Select the site for which you want to configure a navigation.
  3. Click search, located to the left of more_horiz, and type Navigation.
  4. From the Navigation list, select Select.
  5. From the dropdown list, select Create New.
  6. Using the following tables as a reference, complete the fields as needed.
  7. Click Save.

Field Description
Internal Name Enter an internal name for this asset. Brightspot uses this name internally, such as in the search panel and recent activity widget. This name is not visible to visitors to your site.
Items Click add_circle_outline and select one of the following options from the list:
  • Simple Navigation Item—Adds a link to an internal or external asset, like a page describing a use case, or a page outlining a solution you provide.
  • Social Navigation Item—Adds a link to a post on a social network, like a tweet.
  • User Profile Navigation Item—Adds a link to a login page, allowing the site visitor to authenticate. For details, see Login page.

    Simple Navigation Item fields

    Field Description
    Main tab
    Title Select one of the following options from the list:
    • Navigation Link—Adds a link to an asset in Brightspot.
    • Navigation Text—Adds simple text.
    Text Enter the name of this simple navigation item's link or text.
    Description Enter a description of this simple navigation item to accompany its link.
    Note
    Description is only available for simple navigation items that are links.
    Link Select an internal or external asset for the simple navigation item's link.
    Note
    Link is only available for simple navigation items that are links.
    Sub-Navigation tab
    Sub Navigation Click add_circle_outline and select one of the following options from the list:
    • Grouped Sub Navigation Item—Adds a grouping of navigation links that pop out underneath the parent simple navigation item.

      Grouped sub navigation item example.png Grouped sub navigation item example.png

    • Navigation Link—Adds an asset as a link that pops out underneath the parent simple navigation item.
    • Social Navigation Item—Adds an asset from a social network you select that pops out underneath the parent simple navigation item.
    Styles tab
    Navigation Dropdowns Select a number from the list to set the number of dropdown columns in the simple navigation item.
    Navigation as Button Toggle on to convert the simple navigation item from link text to a button.

    Social Navigation Item fields

    Field Description
    Social Service Select a social network provider from the list. Brightspot displays the icon of the social service provider you select.
    Text Enter text to accompany the social network provider icon.
    URL Enter the URL of the post from the social network.

    User Profile Navigation Item fields

    Field Description
    Main tab
    Login Page Select a login page from the list. For details on how to create a login page, see Login page.
    Log In Navigation Text Enter text that is displayed in the navigation that prompts the visitor to log in.
    Profile Sub Navigation Click add_circle_outline and select one of the following options from the list:
    • Grouped Sub Navigation Item—Adds a grouping of navigation links that pop out underneath the parent simple navigation item.
      Grouped sub navigation item example.png Grouped sub navigation item example.png
    • Navigation Link—Adds an asset as a link that pops out underneath the parent simple navigation item.
    • Social Navigation Item—Adds an asset from a social network you select that pops out underneath the parent simple navigation item.
    Styles tab
    Preset Retain Custom to configure navigation item styles, or select None to apply the default styling.
    Choose how many navigation dropdown columns you would like Select 2 or 3 from the list to add additional navigation dropdown columns.
    Should this nav item show up as a button Toggle on to render this navigation item as a button instead of text.
    Previous Topic
    Creating a hat
    Next Topic
    Creating an action bar
    Was this topic helpful?
    Thanks for your feedback.
    Our robust, flexible Design System provides hundreds of pre-built components you can use to build the presentation layer of your dreams.

    Asset types
    Module types
    Page types
    Brightspot is packaged with content types that get you up and running in a matter of days, including assets, modules and landing pages.

    Content types
    Modules
    Landing pages
    Everything you need to know when creating, managing, and administering content within Brightspot CMS.

    Dashboards
    Publishing
    Workflows
    Admin configurations
    A guide for installing, supporting, extending, modifying and administering code on the Brightspot platform.

    Field types
    Content modeling
    Rich-text elements
    Images
    A guide to configuring Brightspot's library of integrations, including pre-built options and developer-configured extensions.

    Google Analytics
    Shopify
    Apple News