Adding a Custom Classic UI Dashboard to the Service Operations Workspace Landing Page

[Pradeep Thipani]

Adding a Custom Classic UI Dashboard to the Service Operations Workspace Landing Page

Hello Community,

I’m excited to share my new exploring in ServiceNow Journey. We aim to add the Classic UI dashboard to the Service Operations Workspace landing page.

Overview of the Solution

1. Open UI Builder from the left navigator and open the service operation workspace experience.

1. Duplicate the Service desk landing page SNC version.
2. Open the copied landing page(non-snc version).
3. Replace the overview component with the iframe component under the Body main->left.
4. Provide the URL(sys id of the dashboard) in the iframe component under.

 1. Open UI Builder

• Navigate to UI Builder from the left-hand navigator in ServiceNow.
• Select the Service Operations Workspace experience to modify.

1. Duplicate the Service Desk Landing Page (SNC Version)

• Find the Service Desk landing pageSNC.
• Use the Duplicate option to create a copy of the page. This will allow you to make changes without affecting the original SNC version.

1. Open the Copied Landing Page (Non-SNC Version)

•  Access the copied version of the landing page you just created.
• This version will be where you’ll make modifications.

1. Replace the Overview Component with an iFrame Component

•  In the page layout, locate the Overview component that you want to replace.
• Delete or remove the Overview component from the layout.
• Add a new iFrame component to the desired location. In this case, it’s under the Body main->left section.

1. Configure the iFrame Component

•  Select the newly added iFrame component.
•  In the Source section on the right-hand side, input the URL of the dashboard you want to display. The URL should include the Sys ID of the dashboard.
• Adjust the Height and Width properties of the iFrame to fit your design needs.

Regards,

Pradeep

[Pradeep Thipani · Accepted solution]

Thankyou Arja 😊