Disable clicks in portal

[rohitservicenow]

Hi, I have a requirement to show dashboards on portal. I have created a new widget and added the dashboard using the iframes, however unable to disable the mouse clicks on it. 

Already tried below CSS with no luck. 

.report_content {
pointer-events:none;
}
.avoid-clicks {
pointer-events: none;
}

Please suggest

Thanks and Regards, Rohit

[Community Alums]

Hi Rohit,

You need to include the CSS on the page level as opposed to the widget level. Go into Designer for the specific page, add the CSS on page settings and then modify the column/row css class to refer to page css.

Thanks,

Enrique

[rohitservicenow]

Thank you Enrique for the update. I already added it to page settings too with no luck. You also mentioned to 'modify the column/row css class to refer to page css.' Please eloberate how do I do it?

Thank you,

Rohit

[Community Alums]

Hi Rohit,

You need to do the following:

1) Go to the page > page settings and add the CSS to the page level:

2) You then need to edit the column of the row/container you want the widget to be read-only and specify the CSS so that clicks are disabled:

3) Once on the form for editing the column, specify your CSS class as listed in the page settings:

The clicks will now be disabled for any widgets contained within that column:

Please mark as helpful/resolved if this worked for you.

Many thanks,

Enrique

[rohitservicenow]

Thank you Enrique for the detailed information. Appreciate it. 

Now, I am able to disable the clicks, however it has created one more issue that the scroll bar in dashboard is also disabled. Wondering if there is a possibility to enable just the scroll bar? 

Thank you,

Rohit