How to use retina_icons in the description section of a Catalog Item/Record Producer with the Service Portal

Jim Coyne
Kilo Patron

I'm trying to add the the little video icon from the retina_icons into the description area of a Record Producer but I've got no idea how to do that (bad HTML/CSS skills).  Trying to put it in front of a link, something like this:

find_real_file.png

Within the Service Portal.  Any help would be appreciated.

 

1 ACCEPTED SOLUTION

Hey, sure... just use: 

<div class=" icon-video">&nbsp;</div>

Thanks,

Berny

View solution in original post

7 REPLIES 7

bernyalvarado
Mega Sage

Hi Jim,

I hope you're doing great!!

First make sure that you have the given image under your image repository within your instance (This way you can later reference it through its name or you can also use a url if you prefer)

Second, go to your record producer hit the source code button or simply just insert the image using the image button. I'll explain the hard way ("source code") one below 🙂

find_real_file.png

 

Third, your source code should look something like this:

<p><img style="align: baseline;" title="" src="volteo.pngx" alt="" width="74" height="21" align="baseline" border="" hspace="" vspace="" /></p>

 

The key is to leverage the <img> tag. Inside of it leverage the src attribute to define which image you're referring to. As I mention before, this could also be a valid url if your image exists online. The best practice is to have the image within your instance (Content Management >> Images).

 

Thanks,

Berny

Hey Berny, nice to hear from you.

I know I can use an image, but was hoping to use the retina_icons directly instead.

Any thoughts?

Hey, sure... just use: 

<div class=" icon-video">&nbsp;</div>

Thanks,

Berny

Hi @Jim Coyne , did it work? 

Thanks,

Berny