Change the navigation and menu settings in your portal experience
- UpdatedJan 30, 2025
- 3 minutes to read
- Yokohama
- Building applications
Change the header, footer, and menu settings for your custom portal experience in UI Builder to fit the needs of your organization.
Before you begin
- You have an existing portal experience on UI Builder. For more information, see Configure how users interact with your applications in UI Builder.
- This workspace experience contains 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
Set up the navigation and menu settings in the app shell of your portal experience. The app shell is the wrapper of the portal contents. For example, the app shell can show things like the logo of your company, user preferences, the search icon, the configuration icon, and the user menu. You can configure this app shell in the ServiceNow AI Platform. For more information about app shells, see Define UI experiences using app shells.
You must be in the correct application scope to edit experience settings. If you are in
a different scope, the experience settings are read-only. To change your application
scope, in the main header, select the application picker (), and then select the application scope. For more information about the
application scope, see Learn about security and roles.
Procedure
- Navigate to All > Now Experience Framework > UI Builder.
-
Open a portal experience to work in or create an experience by selecting Create > Experience.
For more information, see Configure how users interact with your applications in UI Builder.
-
Select Settings in the UI Builder
header.
-
To change the settings for the header, footer, and navigation menu for the app
shell of the portal experience you’re working in, select the advanced settings
links.
Figure 1. Portal experience settings for navigation Action Procedure Change the header To go to the ServiceNow AI Platform®, click Advanced header settings.
Here, you can change what information shows in the header of your portal experience. You can change things like a company logo, user preferences, the search icon, the configuration icon, and so on.
Show the menu - To add a menu to your portal experience, select Navigation Menu.
- To remove the navigation menu, deselect Navigation Menu.
- To go to the ServiceNow AI Platform, select Advanced navigation menu settings. Here, you can change what menu and menu items are displayed in the navigation menu. For more information, see Define UI experiences using app shells.
Display a footer - To add a primary footer to your portal experience, select Primary footer. The footer can show a footer logo, content, and other important links for your portal.
- To go to the ServiceNow AI Platform, click Advanced navigation menu settings.
- To add a second footer to your portal experience, select Secondary footer. A secondary footer includes additional text links, social media elements, and copyright information.
- Click Save.