Workspace navigation sidebar doesn't appear

Luca Armienti1
Tera Expert

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:

find_real_file.png

find_real_file.png


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

find_real_file.png

What could be? 

2 ACCEPTED SOLUTIONS

Simon Midtvedt
Tera Guru

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

View solution in original post

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

18 REPLIES 18

I have no "empty" records in the property list and that property already has type JSON.

Please also make sure that the 'order' is not 'null'. I had this problem but changing the order setting for all menu items to unique number the menu appeared as expected. You can change this in Advanced Settings.

 

which chrome_tool bar do i modify for this to work?

 

Krissy_0-1689616565865.png

 

 

Hi @Simon Midtvedt,

Applying this solution is not working for us on CSM/FSM workspace. Please check my post here https://www.servicenow.com/community/next-experience-forum/csm-fsm-workspace-missing-all-list-and-he...

Can you please assist us in fixing this?

Thank you


Hi @Manthan,

 

Unfortunately, I do not have any other suggestions that what was proposed in this post or your post. 

 

Hopefulle, Support will be able to figure it out for you.

 

Good luck!

 

Simon