Workspace navigation sidebar doesn't appear

[Luca Armienti1]

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 · Accepted solution]

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:

1. In the navigation filter, go to Experiences and open your experience. 
   
   
2. Under the related list "UX Page Properies", find the property called "chrome_toolbar". 
   
   
3. 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

[Rhodri · Accepted solution]

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.

[Geetika Rana]

Hi @Simon Midtvedt

Even after following the points you mentioned , I still don't see the side bar. Anything else needs fix here?

[Hendrik6]

Thanks a lot! Good that you mentioned that the type must be json. I selected string before and it was not working.

[Alex Tod1]

I have an identical code in the dev and test instance, in Dev the side bar appears but not in test. I also checked the properties and they are identical, anyone else have any suggestions? (I'm on the Tokyo version)

[Rhodri]

Do you have any "empty" records in the ux page properties list? (There's a screenshot on one of my replies on this). I found thet deleting them meant it started working, as well as changing the other property from string type to JSON.