question Configuring Tours on Service portal in Virtual Agent forum

Configuring Tours on Service portal

Community Alums — Fri, 09 Feb 2024 08:52:47 GMT

We have a requirement related to "Tours" menu on the service portal header. When we click on "Tours" >> "Tour name" >> "Begin Tour" then tour steps populate in Modal. When we hover over the "Cancel" button, the "Cancel Tour" tooltip appears.
We need to remove that "Cancel Tour" tooltip.

Re: Configuring Tours on Service portal

bradleydebono — Fri, 09 Feb 2024 11:57:19 GMT

You can add this to the "CSS Variables" on the theme you're using. Or to the "Page Specific CSS" on the pages you'd like to hide this cancel button...

.hopscotch-bubble-close { visibility: hidden; }

Re: Configuring Tours on Service portal

Community Alums — Mon, 12 Feb 2024 06:27:36 GMT

Hello @bradleydebono ,

With the above CSS, we can hide the "Cancel button". But we require to hide the "Cancel Tour" Tooltip .

Re: Configuring Tours on Service portal

bradleydebono — Mon, 12 Feb 2024 10:54:40 GMT

Hi @Community Alums

Thanks for clarifying. I'm not sure it's possible to do that via the CSS editors/JS Includes that ServiceNow provides.

May I ask what the use-case is? These tooltips are integral for accessibility I believe and it isn't best-practice to remove them. Perhaps there is another way to achieve what you're looking for?

Re: Configuring Tours on Service portal

Community Alums — Mon, 12 Feb 2024 12:02:52 GMT

Ya, I agree it is not best practice to remove tooltips but I require to remove tooltips as the client is having a issue with the "Cancel Tour" tooltip. They say the 'Cancel Tour' tooltip is stuck on each step.

Re: Configuring Tours on Service portal

bradleydebono — Mon, 12 Feb 2024 12:06:11 GMT

This might be solvable without making a customisation to your instance. Has your client tried loading the page in an "Incognito" / "Private Browsing" session on their Web Browser? Doing this will allow them to view the page without any cookies etc and may solve the problem.

Are you able to recreate the issue when you impersonate that client?

Re: Configuring Tours on Service portal

Community Alums — Mon, 12 Feb 2024 12:10:03 GMT

I can see the issue with my user ID also. Tooltip is displayed without hovering over the cancel button.

Re: Configuring Tours on Service portal

bradleydebono — Mon, 12 Feb 2024 14:15:19 GMT

I would recommend troubleshooting the problem as hiding the tooltips only really remedies the symptoms rather than the root cause. Your tool tips shouldn't behave like this.

However I understand that you know your instance and your clients better than I do. The only way I can think to hide the tooltip would be to hide ALL tooltips on that page/pages using that theme. You can add the code below to the "Page Specific CSS" or the "CSS Variables" as you have done previously...

.tooltip { display: none !important }

Re: Configuring Tours on Service portal

Community Alums — Tue, 13 Feb 2024 10:35:48 GMT

We solved the issue by adding following CSS in style sheets attached to the theme of service portal.
.hopscotch-bubble-close : focus

{
display : none !important;
}