Set chrome toolbar icons to take you to a report

[David52]

I am trying to figure how to link the chrome_toolbar icon so that when it is clicked it takes you to a saved report in servicenow.

[Samdavid1]

Hello @David52 , did you figure out a way to do this?

[Priscilla Muiua]

Hi @David52 ,

Proposed solution:

1. Locate the Saved Report

• Navigate to Reports > View/Run in ServiceNow.
• Open the saved report you want to link.
• Copy the URL of the report from the browser's address bar.

2. Access UI Builder

• Navigate to All > Now Experience Framework > UI Builder.
• Open your workspace (e.g., GRC Workspace) in UI Builder.

3. Configure Chrome Toolbar

• In UI Builder, click on View experience settings (upper-right corner).
• Select Advanced Settings under the General section.
• Locate the chrome_toolbar property in the related list of UX Page Properties.

4. Add Toolbar Icon Configuration

• Open the chrome_toolbar property and edit its JSON configuration.
• Add a new JSON object for your report link:

json

{

    "id": "saved_report",

    "label": {

        "translatable": true,

        "message": "Saved Report"

    },

    "icon": "document-outline", // Choose an appropriate icon

    "routeInfo": {

        "route": "/nav_to.do?uri=<REPORT_URL>"

    },

    "group": "top",

    "order": 500,

    "availability": {

        "roles": ["admin", "report_user"] // Adjust roles as needed

    }

}

Replace <REPORT_URL> with the URL of your saved report.

5. Save and Refresh

• Save the updated chrome_toolbar property.
• Refresh your workspace or clear cache using /cache.do.

Thank you.