The Zurich release has arrived! Interested in new features and functionalities? Click here for more

How can I enlarge picture with close mark (x) for the ServiceNow articles.

SunilYadavE
Tera Contributor

I am looking to implement a feature where images within knowledge articles can be clicked to enlarge, with an option to close (using an “X” mark). Instead of manually adding this functionality to each article, is it possible to apply this behavior globally—so that it automatically works for all current articles as well as any articles published in the future?

I have implemented the functionality to allow images in knowledge articles to be enlarged when clicked, with a close (X) option when the image is expanded for an article. The same thing I am seeing that can be done globally whenever a new articles is prepared and published. Then, the article images should enlarge when clicked and show the X.

2 REPLIES 2

GlideFather
Tera Patron

Hello hello @SunilYadavE 

can you please describe it again?

Clicking the picture to expand it and clicking X to collapse it works OOTB. What exactly is your goal?

KamilT_0-1753521800686.png

 

 

KamilT_1-1753521805776.png

 

 

Please let me know what you mean

———
/* If my response wasn’t a total disaster ↙️ drop a Kudos or Accept as Solution ↘️ Cheers! */


Hi @GlideFather 
Thank you for seeing my post. Here is the detailed.

I’ve implemented a feature where images in a knowledge article can be clicked to enlarge, with an “X” button to close the image. This works well in my PDI, but I’m trying to make this work globally across all articles and portals like tech, fin, hr, and csm.

Right now, in our organization’s instance, clicking on images in articles doesn’t enlarge them. I want this behavior to apply automatically to all existing and future articles. Like the above you have shown is not the behavior in our instance.

Is this something that can be handled through the "ootb" kb_article_view widget or maybe through a global script or theme customization? Any guidance or examples would be really helpful.