Join the #BuildWithBuildAgent Challenge! Get recognized, earn exclusive swag, and inspire the ServiceNow Community with what you can build using Build Agent.  Join the Challenge.

How to make image enlarge on double click

C_S3
Tera Contributor

Hello All,

I'm inserting a image as a thumbnail in an article and want the image to show up in original size when it is double clicked.

I see some images in ServiceNow educational courses that'll expand when I click on it.

Currently, if I just insert an image as a thumbnail, it won't expand on double-click. Would appreciate if someone would show me how to expand the image on double click.

By using below code we can achieve this functionality for one particluar kb article. but I want it for every KB articles : 

<p>Scrolling text</p>
<p>&nbsp;</p>
<div class="imageContainer"><img src="setValue%20in%20ui%20page.pngx" width="700" height="650" /></div>
<style>
.imageContainer > img:hover {
width: 500px;
height: 200px;
}

</style>
<p>&nbsp;</p>
<p>&nbsp;</p>


Any help would be appreciated. Thank you!

0 REPLIES 0