How to use Glyphs in fresh custom Service Portal widgets

Mark Roethof
Tera Patron
Tera Patron

Hi there,

Currently, I'm playing a bit around with a fresh custom Service Portal and building custom Service Portal widgets. Only just one thing I can't figure out... how to use Glyph icons?! Or actually how to have these available.

For example, on cloned out-of-the-box Service Portal widgets I can just use code like:

<span class="icon icon-book" />

Or:

<span class="fa icon-book" />

Though on my fresh generated custom Service Portal and new custom Service Portal widgets, when applying this, no Glyph icons appear.

I did check if the out-of-the-box Service Portal has any CSS includes, which I might need to apply. Though not any on the out-of-the-box Service Portal.

Any ideas?

If my answer helped you in any way, please then mark it as helpful.

Kind regards,
Mark

---

LinkedIn

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn

1 ACCEPTED SOLUTION

Omkar Mone
Mega Sage

Hi Mark, 

 

You can use the Font Awesome classes - 

https://www.w3schools.com/icons/fontawesome_icons_brand.asp

 

Regards,

Omkar Mone

View solution in original post

3 REPLIES 3

VigneshMC
Mega Sage

I have few custom widget where below works.

<i class="fa fa-trash-o" aria-hidden="true"></i>

Omkar Mone
Mega Sage

Hi Mark, 

 

You can use the Font Awesome classes - 

https://www.w3schools.com/icons/fontawesome_icons_brand.asp

 

Regards,

Omkar Mone

Ah nice one, this gave me a good hint... I was just on the wrong track. icon icon and fa icon was not oke, only changing this to fa fa solved my issue!

Thx.

Kind regards,
Mark

---

LinkedIn

 

Kind regards,

 

Mark Roethof

Independent ServiceNow Consultant

10x ServiceNow MVP

---

 

~444 Articles, Blogs, Videos, Podcasts, Share projects - Experiences from the field

LinkedIn