in source code you will apply something like below
Screenshot :
<p>Scrolling text</p>
<p> </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> </p>
<p> </p>
Note: "setValue%20in%20ui%20page.pngx" : this would your image
make the changes in style based on your need.
if my answer helped you , kindly mark it as correct and helpful.
Hello,
If you use any CSS or Java script you will also have to update our HTML sanitizer to allow whatever coding to be used.
Out of the box I believe the <detail> is the only html feature that will let you do this (and you can use it for either images or text.
Start by looking at the HTML Code of your article:
You will then need to locate your image, this will look something like this:
You will then need to REPLACE the image string with a different code, here is an example:
<details>
<summary>Click to expand picture<br><img src="/sys_attachment.do?sys_id=32d17067dbb74c18469089584b96193b" width="72" height="96" /></summary>
<p><img src="/sys_attachment.do?sys_id=32d17067dbb74c18469089584b96193b" /></p>
</details>
Click to expand picture
Here is a more detailed breakdown:
Basically your code will be:
<details>
<summary>
Text or image of your summary
</summary>
Text of image you get to see when you click on the summary
</details>
Hope this helps
Lorenzo
PS: this code doesn't appear to work on the Community forum, so when you click the image above nothing will happen, but do try it on your instance.
