Project workspace - trying to add list page to it but can't seem to get it working

[Teo2kids]

Hi All,

Within the OOB Project workspace, I see the left-hand menu currently includes Projects and Doc Templates. I’m trying to add a List page in between them that displays lists such as Projects, Project Tasks, Risks, etc.

I was able to create the list page using Pages and Variants. I created a new page, selected the Legacy Template – List, set the name and URL path, and selected "copy contents of the page" in case I need to modify it later. After that, I successfully created the left-menu icon by updating the page’s UX Page Property: chrome_toolbar.

However, I’m stuck at this point.

I understand that sys_ux_list_menu_config is what connects list categories and lists to a workspace, but the Project workspace doesn’t have one by default. When I try to create it manually, it doesn’t seem to connect properly, and the list view ends up blank (see below).

Any help would be greatly appreciated. I’m also curious whether this is even possible in the OOB Project workspace, given that it doesn’t automatically have a menu_config.

[miftikhar20 · Accepted solution]

Hi @Teo2kids,

To configure a List page in the OOB Project Workspace, follow the steps below:

1. Open the UX List Menu Configurations [sys_ux_list_menu_config] table and create a new record.
   
2. Under the UX List Menu Configurations record, create UX List Category from the related list.
   
3. Under the UX List Category record, create UX List from the related list.
   
4. Open the Project Workspace in UI Builder and create a list page.
   

5. Move to Settings and delete the optional parameter.

   

6. Now move back to Editor, select Menu component.

   

7. In Configuration pane > Data section > List menu configuration ID field, select Project Workspace UX List Menu Configurations record we have created in step 1 and Save the changes.

   

8.  Open the UX Applications [sys_ux_page_registry] table and select the Project Workspace record.

   

9. Open chrome_toolbar record from UX Page Properties related list.

   
10. Now add this object after home object in Value field and Save.

{
    "id": "list",
    "label": {"message": "Lists", "translatable": true},
    "icon": "list-outline",
    "viewportInfo": {},
    "routeInfo": {
      "route": "pm-list"
    },
    "group": "top",
    "order":200,
    "badge": {},
    "presence": {},
     "availability": {}
  },​​

In routeinfo value we set the URL path of the List page we have created.

• Now go back to the UX Application record, open subToolbar record from UX Page Properties related list.
  And in hideSubToolbarFor value add the List page URL path (in my case its pm-list) and Save.
  
• Open the Project Workspace and now we can access the List page and the list & list category we have added in UX List Menu Configurations record.
  

If my response helped, please mark it as the accepted solution so others can benefit as well.

[Teo2kids]

@miftikhar20 

Good afternoon, I would like to pick your brain a bit more, so everything looks great until I click on one of the records on the list then it would show something like this.

I understand that the left content is controlled by subtoolbar config , and I did try to add record page into it but it still shows. Wonder if you have any clue. Thank you

[Teo2kids]

Thank you very much this solved all my issues!!!!