Hover Image

[imJihyo]

Hi fellow Caspio users! I was wondering if anyone was able to implement a functionality similar to what I want to have. Basically, I have a tabular report page where one column contains a small image or perhaps an "icon". It's a smaller version of the original full-size image that I am showing in the results page. What I want to happen is whenever a user hovers over the image, I want a zoomed in version to pop-up. I was using the code from this forum post but it also zooms other icons like the inline edit icon. 

Any help would be appreciated <3

[ParkLoey]

Hi @imJihyo! have you tried using a different class? you can try this one:

.cbResultSetTableCell img:hover

So when used with the same code, it should be like this:

<style>
.cbResultSetTableCell img:hover{
transform: scale(2);
  transition: transform 0.25s ease;

}
</style>

 

Hope this helps!