Prevent drill-down/click-through on the 'Report' and 'Performance Analytics' widgets on Service Portal

[Steve Kelly]

Hello Community,

I am in the process of implementing dashboards on our Service Portal that will be displayed to certain groups of authenticated users. I am looking at using the 'Report' and 'Performance Analytics' widgets to display the data. However, I want to disable drill-down completely for these widgets. I know Report drill-down behavior can be specified in the Report Designer, but it cannot be disabled there as far as I can see. The click-through behavior currently brings the user to the list view in the agent interface which we do not want. 

Does anyone have any guidance on how this can be done with the OOB widgets? From what I have seen in other posts, it may be a matter of cloning the widgets and then using some JavaScript to disable the click-through.

Thanks,

Steve

[Austen Harriso2]

This thread was helpful since the issue is still occurring today (Sept. 2021). I was able to update Chris' provided code to the following:

.chart-container:active {
pointer-events: none;
}

This will still allow hover, and if you have additional grouping on the report, users can still open the groupings and apply them to a report. This solution works to disable the onclick navigation for the report while keeping most of the other features intact. 

The only remaining bugs, discovered in accessibility testing, are the following:

• Keyboard navigation, and spacebar/enter select will still redirect the user to the default UI. Haven't found a solution for this one yet.
• Screenreaders will still announce the elements as links, even though they cannot be selected. Possibly an easy workaround here, not sure.

One way around the bugs above is to add a link to the report and link to your primary portal (/sp or relevant to your use case). In this case, if anyone uses keyboard navigation and presses space or enter on the report, it will redirect to the main portal page instead of the backend UI. Onclick is still disabled with the code above.

Hopefully ServiceNow provides a solution for this at some point.

[ChrisBurks]

Yeah, I'm kind of flying blind without an example. But you could try capturing the elements that start with pa-widget instead of just using an exact:

ie: 
[class^='pa-widget'] {
      pointer-events: none;
}

Note: there is no "." before that class name. This will get the elements with this class that starts with "pa-widget".

Otherwise you can get a workable identifier by doing an inspect element from your rendered chart.

[BalanMahadevan]

Find the chart area and add pointer-events: none. This will disable the click event only but the hover will be as it is.

eg:

.highcharts-grid:active, .highcharts-series-group:active {
  pointer-events: none;
}

[Community Alums]

Is it a way to have the report drill-down feature? Like on clicking of reports on portal user should be redirected to the list page on portal and not native UI. Is it a way to do so?

I know with PA widgets (specify on-click behaviour for each), this can be done. But is it possible to do so with normal reports?
Please respond.
Thanks

[Krishna Reddy3]

I had same requirement to route users to a particular page on portal. I got it through out of box configurations described on 

https://docs.servicenow.com/bundle/orlando-performance-analytics-and-reporting/page/use/reporting/ta...