logo

NJP

UI Builder: Create Header

Developing Creative Business Solutions On ServiceNow on CodeCreative | A ServiceNow Blog · Jul 14, 2021 · article

Purpose: How to create a Header for a Portal Experience in ServiceNow UI Builder. The Header is displayed at the top of every page in a Portal Experience. Open Experience in UI Builder Click “Menu” next to Experience name and logo Click “Edit Experience Settings” Click “Navigation and menus” Under Header, click “Advanced header settings” Fill out the form as follows: Page: Select the Portal Experience Name Name: chrome_header Type: json Route: leave blank to apply to all routes Description: Any description text Value: { "privatePage": { "searchEnabled": true, "userPrefsEnabled": true, "logoRoute": { "type": "route", "value": { "route": "home", "fields": {} } }, "globalTools": { "collapsingMenuId": 0, "primaryItems": [ { "label": "UserMenu", "icon": "user", "type": "menu", "primaryDisplay": "icon", "value": { "children": [ { "condition": { "roles": [ "admin" ] }, "label": { "translatable": true, "message": "Configure" }, "type": "navigation", "position": 200, "primaryDisplay": "none", "value": { "type": "external", "opensWindow": "true", "value": { "href": "/nav_to.

View original source

https://codecreative.io/notebook/ui-builder-create-header/