Select pages for side navigation in your UI Builder workspace experience. From any page in the workspace experience, users can navigate to the pages you selected.

Before you begin

This task has the following prerequisites:
  • You have an existing workspace experience on UI Builder. For more information, see Configure how users interact with your applications in UI Builder.
  • This workspace experience was created with the Workspace App Shell.
  • This workspace experience includes at least two pages.
  • You want users to be able to navigate from a page to other pages that you specify.

Role required: ui_builder_admin

About this task

You can add up to seven pages to your side navigation.

You must be in the correct application scope to edit the experience settings. If you are in a different scope, the experience settings are read-only. To change your application scope, go to the main header, select the application picker (Application picker.), and then select the application scope that you want. For more information about the application scope, see Learn about security and roles.

Procedure

  1. Navigate to All > Now Experience Framework > UI Builder.
  2. Open your workspace experience in the UI Builder.
  3. Select View experience settings in the upper-right.
    Arrow pointing to the View experience settings link on the experience view page.
  4. Scroll down to Side navigation.
  5. Select + Add.
    Arrow pointing at the +Add button for adding pages to a side navigation.
  6. Fill in the following fields:
    Field Description
    URL path (required) Select the page that you want to navigate to.
    Tip: The landing page is usually the first page that you want a link to.
    Icon Select an icon for the link.

    Default: No icon
    Label (required) Enter a name for the page, which appears in a tooltip for the link.
    Group Place the link in the top or the bottom group of the side navigation panel.

    Default: Top
  7. Add more pages as needed.
  8. Select Save.
  9. Select the experience name (for example, Demo Experience) in the UI Builder header.
  10. Select the URL path link to open the experience in a new tab and check that the side navigation is displayed on the left side.
    Tip: If the side navigation doesn’t work as expected, consider reviewing the UX Page Property [sys_ux_page_property] record underlying the side navigation. Reopen the Side Navigation experience settings, as described in Steps 3-4. Select Advanced side navigation settings to open the record. Verify that the fields have the correct values, such as Type=json.