Quebec UI Builder - More "chrome_header" examples?

[MG Casey]

The Developer instance comes with 2 existing "chrome_header" UX Page Property records.

Anyone have any additional examples? I want to get an idea of the potential options if I wanted to build a self-service portal out of UI Builder.

Service Catalog Builder

{
  "privatePage": {
    "notificationsEnabled": false,
    "searchEnabled": false,
    "userPrefsEnabled": true,
    "contextualConfigurationItems": {
      "enabled": false
    },
    "globalTools": {
      "collapsingMenuId": 0,
      "primaryItems": [
        {
          "label": "UserMenu",
          "icon": "user",
          "type": "menu",
          "primaryDisplay": "icon",
          "value": {
            "children": [
              {
                "label": "Configure",
                "type": "navigation",
                "position": 50,
                "primaryDisplay": "none",
                "value": {
                  "type": "external",
                  "opensWindow": "true",
                  "value": {
                    "href": "/nav_to.do?uri=/sys_ux_app_config.do?sys_id=4a1c734573021010e12d1e3014f6a7b8"
                  }
                },
                "_roles": [
                  "maint"
                ]
              },
              {
                "label": "Home",
                "position": 100,
                "type": "navigation",
                "value": {
                  "type": "route",
                  "value": {
                   "reload": "true",
                    "route": "home",
                    "fields": {}
                  }
                }
              },
              {
                "label": "Documentation",
                "type": "navigation",
                "position": 200,
                "primaryDisplay": "none",
                "value": {
                  "type": "external",
                  "opensWindow": "true",
                  "value": {
                    "href": "https://docs.servicenow.com/bundle/quebec-servicenow-platform/page/product/service-catalog-management/concept/catalog-builder.html"
                  }
                }
              },
              {
                "label": "Logout",
                "position": 500,
                "type": "navigation",
                 "value":{
                  "value":{
                    "href": "/logout.do"
                  },
                  "type":"external"
                }
              }
            ]
          }
        }
      ],
      "secondaryItems": []
    }
  },
  "publicPage": {
    "actionButtons": [],
    "notificationsEnabled": false,
    "searchEnabled": false,
    "userPrefsEnabled": false,
    "menuEnabled": false
  }
}

Base agent workspace

{
  "privatePage": {
    "notificationsEnabled": true,
    "searchEnabled": true,
    "userPrefsEnabled": true,
    "contextualConfigurationItems": {
      "_roles": [
        "workspace_admin"
      ],
      "enabled": true,
      "position": 150
    },
    "globalTools": {
      "collapsingMenuId": 0,
      "primaryItems": [
        {
          "label":{"translatable":true, "message":"UserMenu"},
          "icon": "user",
          "type": "menu",
          "primaryDisplay": "icon",
          "value": {
            "children": [
              {
                "_roles": [
                  "workspace_admin"
                ],
                "label": { "translatable":true, "message":"Configure workspace" },
                "type": "navigation",
                "position": 100,
                "primaryDisplay": "none",
                "value": {
                  "type": "external",
                  "opensWindow": "true",
                  "value": {
                    "href": "/nav_to.do?uri=/sys_ux_app_config.do?sys_id=6b3293e80f0210107d20409dc4767e91"
                  }
                }
              },
              {
                "label":{"translatable":true, "message":"Settings"},
                "type": "menu",
                "position": 50,
                "value": {
                  "children": [
                    {
                      "label": { "translatable":true, "message":"Display Preferences" },
                      "type": "divider"
                    },
                    {
                      "label":{"translatable":true, "message":"Show ribbon"},
                      "type": "toggle",
                      "value": {
                        "_meta": {
                          "_type": "userPreferences",
                          "_path": "userPrefName",
                          "_value": {
                            "userPrefName": "workspace.showRibbon"
                          },
                          "_default": {
                            "userPrefName": "true"
                          }
                        }
                      }
                    },
                    {
                      "label":{"translatable":true, "message":"Show sidebar"},
                      "type": "toggle",
                      "value": {
                        "_meta": {
                          "_type": "userPreferences",
                          "_path": "userPrefName",
                          "_value": {
                            "userPrefName": "workspace.showAgentAssist"
                          },
                          "_default": {
                            "userPrefName": "true"
                          }
                        }
                      }
                    },
                    {
                      "label":{"translatable":true, "message":"Wrap list text"},
                      "type": "toggle",
                      "value": {
                        "_meta": {
                          "_type": "userPreferences",
                          "_path": "userPrefName",
                          "_value": {
                            "userPrefName": "workspace.wrapListText"
                          },
                          "_default": {
                            "userPrefName": "false"
                          }
                        }
                      }
                    },
                    {
                      "label":{"translatable":true, "message":"Notifications"},
                      "type": "divider"
                    },
                    {
                      "label":{"translatable":true, "message":"Show Banners"},
                      "type": "toggle",
                      "value": {
                        "_meta": {
                          "_type": "userPreferences",
                          "_path": "userPrefName",
                          "_value": {
                            "userPrefName": "workspace.notifications.showPopups"
                          },
                          "_default": {
                            "userPrefName": "true"
                          }
                        }
                      }
                    },
                    {
                      "label":{"translatable":true, "message":"Show Badge Count"},
                      "type": "toggle",
                      "value": {
                        "_meta": {
                          "_type": "userPreferences",
                          "_path": "userPrefName",
                          "_value": {
                            "userPrefName": "workspace.notifications.showBadgeCount"
                          },
                          "_default": {
                            "userPrefName": "true"
                          }
                        }
                      }
                    }
                  ]
                }
              },
              {
                "label": "Logout",
                "label":{"translatable":true, "message":"Logout"},
                "type": "navigation",
                "position": 200,
                "value": {
                  "value": {
                    "href": "/logout.do"
                  },
                  "type": "external"
                }
              }
            ]
          }
        }
      ],
      "secondaryItems": []
    }
  },
  "publicPage": {
    "actionButtons": []
  }
}

[Michael Fry1]

Launch App Engine Studio (module) and look for templates you can load. They should give you more examples:

[MG Casey]

None of those templates are portals that have a header in them. Do you know of any other place for them?

[Jan Fr_hwacht · Accepted solution]

No but if you create an app in the App Engine Studio and you create an Experience you get chrome headers as well. Not sure if they are the same as yours.

The chrome headers created through the App Engine Studio when creating Portal or Agent Workspace for example have a much more complete look and feel then the ones I saw in earlier versions of Quebec.

There is also Mobile Card Builder and Catalog Item I think where you may get different chrome header properties.