---
sourceDocument: Zurich Build or modify applications
sourceDocumentLink: https://www.servicenow.com/docs/r/zurich/application-development

 Release :

    - zurich

ft:locale :

    - en-US

ft:publication_title :

    - Zurich Build or modify applications

ft:clusterId :

    - cadev

bundleId :

    - cadev

workflow :

    - Development, Data, and Analytics


---

# Change the navigation and menu settings in your UI Builder workspace experience

# Change the navigation and menu settings in your UI Builder workspace experience {#ariaid-title1}

* Release version: Zurich
* 
* Updated July 31, 2025
* 
* ![](https://www.servicenow.com/docs/portal-asset/ico-clock) 1 minute to read

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](https://www.servicenow.com/docs/iNIKh5D0WTwLggJ~MxG1qQ "Learn what an experience is in UI Builder. Understand what an experience contains.").
* 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.

{#workspace-side-navigation-settings__ul_nnv_wz5_dsb}

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](https://www.servicenow.com/docs/H2O83_2KmzxLMFz6i45bnQ "Set up the security and roles for your UI Builder instance.").

## Procedure

1. Navigate to AllNow Experience FrameworkUI Builder.
2. Open your workspace experience in the UI Builder.
3. Select Experience settings in the upper-right.  
   {#workspace-side-navigation-settings__step_edit-exp-settings}
{#workspace-side-navigation-settings__step_edit-exp-settings}
4. Scroll down to Side navigation. {#workspace-side-navigation-settings__step_side-nav}
{#workspace-side-navigation-settings__step_side-nav}
5. Select + Add.  
6. Fill in the following fields:  
   {#workspace-side-navigation-settings__table_skg_kfv_dsb__entry__2}

   | 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 |
   [ ]

   {#workspace-side-navigation-settings__table_skg_kfv_dsb}
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](https://www.servicenow.com/docs/5XcGHJoLxmmoZZ3vcJmXag#workspace-side-navigation-settings__step_edit-exp-settings)-[4](https://www.servicenow.com/docs/5XcGHJoLxmmoZZ3vcJmXag#workspace-side-navigation-settings__step_side-nav). Select Advanced side navigation settings to open the record. Verify that the fields have the correct values, such as Type=`json`.
{#workspace-side-navigation-settings__steps_t24_v1g_tnb}

*[\>]: and then


