How can we open Catalog Item page in Workspace?

[sanjeevkumar]

We have requirement to allow user to submit catalog item from Workspace. Can anyone help us?

[Shaqeel]

hi @sanjeevkumar 

Opening a catalog item page in ServiceNow's Workspace can be achieved by configuring the Workspace Experience to support navigation to the catalog item view.

Step 1: Create a Catalog Item Page in UI Builder

Navigate to UI Builder:

Go to Now Experience Framework > UI Builder.

Create a New Page:

Click Create experience if you haven't already set up an experience.
Click Add to create a new page.
Name your page (e.g., Catalog Item Page).

Configure the Page:

Choose the appropriate page template (e.g., Record Page if you want a detailed view of a catalog item).
Set the URL path for the page (e.g., /catalog-item/:sys_id).

Add Components:

Add components to display the catalog item details (e.g., form component to display the catalog item, related list component to show related information).
Configure these components to pull data based on the sys_id parameter from the URL.

Step 2: Define the Navigation Path

Configure Navigation:
In UI Builder, go to the navigation configuration for your Workspace.
Add a navigation item that points to your new catalog item page.

Step 3: Create an Action to Open the Catalog Item Page
Navigate to Now Experience Framework > Actions.

Create a new action or modify an existing one that will be used to navigate to the catalog item page.

Configure the Action:

Set the action type to Navigation.
Define the target URL, including the sys_id of the catalog item (e.g., /catalog-item/${sys_id}).

Step 4: Implement the Navigation in Workspace
Create or Modify a UI Action:

Create a UI action or modify an existing one that will be available in the context where you want to navigate to the catalog item page.

Script the UI Action:

Use a script to redirect the user to the catalog item page within the Workspace.

(function executeAction() {
    var sys_id = g_form.getUniqueValue(); // Assuming this is run in the context of the catalog item form
    var workspaceURL = '/now/workspace/your_workspace/catalog-item/' + sys_id;
    window.open(workspaceURL, '_blank');
})();

*************************************************************************************************************
If my response proves useful, please indicate its helpfulness by selecting "Accept as Solution" and " Helpful." This action benefits both the community and me.  

*************************************************************************************************************

Regards

Shaqeel

[Ankur Bawiskar]

@sanjeevkumar 

this link has the solution and it will work for both agent workspace and the new configurable workspace based on UI builder

How to open a catalog item in Now Experience Workspace the way you can in Agent Workspace and Servic... 

If my response helped please mark it correct and close the thread so that it benefits future readers.