Need help on adding Glyph icon

shaik_irfan
Tera Guru

Hi,

 

On the Service Portal i want to add my own custom glyph. Can anyone please help me how to do this

 

 

1 ACCEPTED SOLUTION

@shaik.irfan 

Set the CSS to of the outer div containing the image to this

    background: #1F8476;
    display: inline-block;
    border-radius: 100%;
    width: 50px;
    height: 50px;
    object-fit: contain;
    padding: 10px;

and set the image css to this

height: 100%;
filter: brightness(0) invert(1);

Note: You don't need to apply filter. I just did that to make it white. You can just upload a white Image. 

Here is the output

find_real_file.png

View solution in original post

20 REPLIES 20

Thank you Sir. Which means i cannot set same as OOB ?

 

 

 

I added the CSS in your widget. Please check the instance and you will see how to do it. 

 

Thanks,
Ritesh

Intellective
Bringing WOW on NOW

@serviceportalpro 

 

I did saw that and it works as expected, but only one question is, it is not aligned same as OOB icon link.

 

If you see the when i add the title and short descripition it is not working as OOB icon links

 

find_real_file.png

 

AAnd i am sorry to trouble you 😞

Pratiksha Kalam
Kilo Sage

Hello,

Ref, Service Portal Custom Glyph

 

If answer is helpful please mark correct or helpful!

Thanks,

Pratiksha

Thank you i did gone through this but still not working