Workspace navigation sidebar doesn't appear

Luca Armienti1 · ‎11-04-2021

Hi,

Newbie question here, probably. I can't make the navigation sidebar appear, working on the UI Builder on a Workspace app shell. It should work with a simple configuration, reading here:

https://docs.servicenow.com/bundle/rome-application-development/page/administer/ui-builder/task/portal-navigation-menu-settings.html

And this is what i've done:

But the results are always like this, without left navigation sidebar:

What could be?

Simon Midtvedt · ‎01-06-2022

Hi Luca,

I have struggled with the same thing lately, and I think I may have found a solution/work-around.

The problem for me was that the UX Page Property "chrome_toolbar" was not configured correctly (as Ashley sniffed out too). For whatever reason, the property was set to type "string" for me. Please see my below checklist for a possible solution.

Solution:

In the navigation filter, go to Experiences and open your experience.
Under the related list "UX Page Properies", find the property called "chrome_toolbar".

Make sure that it is Type "json" and formatted like the following example:

[
   {
      "id":"home",
      "label":{
         "message":"Home",
         "translatable":true
      },
      "icon":"home-outline",
      "viewportInfo":{
         
      },
      "routeInfo":{
         "route":"home"
      },
      "group":"top",
      "badge":{
         
      },
      "presence":{
         
      },
      "availability":{
         
      },
      "order":100
   },
   {
      "id":"list",
      "label":{
         "message":"List",
         "translatable":true
      },
      "icon":"list-outline",
      "viewportInfo":{
         
      },
      "routeInfo":{
         "route":"order-lists"
      },
      "group":"top",
      "badge":{
         
      },
      "presence":{
         
      },
      "availability":{
         
      },
      "order":200
   }
]

I hope this can be of some help!

Regards,

Simon

View solution in original post

Rhodri · ‎08-11-2022

Hey Luca, After a bit of investigation, same as you I started afresh and it worked. I then went back to my old workspace and found it appears to be these empty records that are in your screenshot that were stopping it. Deleting them AND changing chrome_toolbar to type JSON worked.

View solution in original post

Ashley Snyder1 · ‎11-04-2021

I'm hoping someone else has a better answer, but I've never been able to get the Workspace sidebar when using the manual app shell method, only when spinning up a new Workspace via App Engine Studio.

Luca Armienti1 · ‎11-04-2021

What i've noticed is that my workspace have less "chrome" properties than SN OOTB workspaces AND workspaces created from the app engine studio:

UI builder workspace:

App engine workspace:

I don't know if it means something, but it seemed suspicious to me.

Simon Midtvedt · ‎01-06-2022