Service Portal - Image link - Changing image on hover

sonishka
Kilo Contributor

‎03-12-2018 07:45 AM

Hello!

I'm new to ServiceNow and Service Portal and experiencing some trouble with image links. Some help would be much appreciated! 🙂

I have created those image links and I would like to get different pictures when hover on the links.

find_real_file.png

I guess that I could upload my "hover picture" in ServiceNow and change my widget instance CSS like this:

.image-container:hover {
    background: url("myhoverimage.png");
}

However, I don't know where I can upload this image and if I'm on the right track! 🙂

Any idea?

Thanks a lot for your help. 🙂

 

Labels:
Preview file
15 KB
0 Helpfuls
  • 2,813 Views
4 REPLIES 4

Upender Kumar
Mega Sage

‎03-12-2018 09:56 AM

Hi,

You have upload image in System UI-->Images

 

find_real_file.png

 

 

Thanks

Please Hit ✅Correct, ⭐️Helpful depending on the impact of the response

Preview file
4 KB

sonishka
Kilo Contributor

‎03-12-2018 10:30 AM

Thanks for your help. I could upload my image, however, I still need to make some adjustments on image size. 

I'm not sure it's the "best" way to do this...

0 Helpfuls

sukku
Tera Contributor
In response to sonishka

‎02-23-2021 01:38 AM

Hi Sonishka,

I have a similar kind of requirement in portal. When we mouse hover on knowledge widget another image should be displayed.

I have cloned out of box widget icon link widget and tried img class in html and css but no luck.

Could you please tell me how you have achieved this.

 

Thanks and Regards,

 

0 Helpfuls