How to create a preview popup on hovering over hyperlinks in Knowledge Article body (ServiceNow)?

Mahenderexl
Tera Contributor

 

Hi Everyone,

I want to implement a feature in ServiceNow Knowledge Articles where when a user hovers over a hyperlink in the article body, a preview popup shows a summary or snippet of the linked content.

 

Could someone please guide me on how to implement this?

  • Should I modify the Knowledge Article?

  • How can I safely fetch and display the preview content?

  • Are there any recommended APIs or best practices for this kind of hover preview?

Thanks in advance for your help!

 #knowledgemanagement #knowledgeArticle

1 REPLY 1

Sanjay191
Tera Sage

Hello @Mahenderexl 

Please below steps and i hope this helpful for you

1.Please click on the source code and make the change in this as per your requirement

Sanjay191_0-1749383436491.png

2.write down the line of code that i added  the hover-link class and add the summery of the link what it for .

Sanjay191_1-1749383487958.png

3.The output : So whenever user will hover over the link it will show some summary of the link

Sanjay191_2-1749383614945.png


Code Snippet
<a href="https://www.example.com" class="hover-link" title="Go to Example Website">Example Website</a>


If my answer has helped with your question, please mark my answer as accepted solution and give a thumb up.
Thank You