Image icon next to a field

farci
Mega Expert

Hi Team,

I am using the below link to add an image icon next to my field but I am unable to.

I want to include a '%' icon when another field type is percentage and '#' icon when another field type is number

find_real_file.png

If I include the same code I get the icon/image (see below) otherwise I don't

OOB you can see how the caller field in the Incident table has a field style with something like the following:

background-image: url('images/icons/vip.gif');

background-repeat: no-repeat;

background-position: 98% 5px;

padding-right: 30px;

I have to display images in list view according to the choices of a color field on form layout.

Appreciate any help.

Regards,

Narmi

1 ACCEPTED SOLUTION

Hi,



Go to System UI/Images and upload the image.


https://<YOUR-INSTANCE>.service-now.com/db_image_list.do



Regards,


Niklas


View solution in original post

5 REPLIES 5

Niklas Peterson
Mega Sage
Mega Sage

Hi Narmi,



Are you sure you have uploaded the image file correctly? What happens if you browse to the url of the image?


https://<YOUR INSTANCE>.service-now.com/images/icons/percentage.gif



Regards,


Niklas


Hi Niklas,



I am unable to reach to the image if I copy paste my instances URL with images link



But if I try to go to the vip image on my instance I am able to see the image. Not sure how to save the image correct and where to save it



https://myinstance/images/icons/vip.gif



Regards,


Narmi


Hi,



Go to System UI/Images and upload the image.


https://<YOUR-INSTANCE>.service-now.com/db_image_list.do



Regards,


Niklas


EashVerma
Giga Expert

Hello Narmi,



Remove the content from the Value field in the Configure Styles for the field. Make sure your icons are saved on your instance and you are using the correct URL for the image.