Find your people. Pick a challenge. Ship something real. The CreatorCon Hackathon is coming to the Community Pavilion for one epic night. Every skill level, every role welcome. Join us on May 5th and learn more here.

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