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

[ChrisBurks]

One way to do this is define a pointer-events in the Theme.

.report_content {
    pointer-events: none;
}

This will disable the click event on the reports and prevent the drill down.
Other ways are doing the same thing on the report page or in each widget instance.

[Steve Kelly]

Thanks Chris, this is helpful. It could be a potential workaround for the report widget, although this method does mean you lose the mouse over reactiveness also, which is nice to have.

Do you know if there is an equivalent CSS method for the Performance Analytics widget? I tried both pa_content and pa-content but neither seemed to work.

[ChrisBurks]

Yeah, I don't know why that CSS styling wasn't designed to single-out the type of events.

Anyway for Performance Analytics widget you could use the .pa-widget-score class.

.report-content, .pa-widget-score {
     pointer-events: none;
}

[Steve Kelly]

Looks like 'pa-widget-score' doesn't work unfortunately. Or maybe it does for single score type PA content but not for the graph I have in my example.