Service Portal - Custom Icons

[arnabbose]

Hello,

Our client wants us to provide below custom images in the SP Homepage Icons. As per my understanding only glyphs available in below link are usable. https://www.w3schools.com/bootstrap/bootstrap_ref_comp_glyphs.asp

• Can this be done with OOB UI or Custom UI needs to be put in?
• If this can be done by any other way (may be re-structuring the Widgets) ; please can you let me know how.

[fx_tim]

Hey Jonathan,

I just cannot make your code work.

I added an option schema for "image", then I added "Image" to the dropdown list of "Template" and a new "Image" field to the data table of my cloned Icon Link Widget, but the Image is never displayed.

It works fine, if i hardcode it into the widget, but i'd prefer another solution with variable images.

This works:

<img src="example.jpg" align="center" />

this works too:

<img ng-if="::options.image" src="example.jpg" class="{{::options.class_name}}"/>

this doesn't:

<img ng-if="::options.image" src="::options.image" class="{{::options.class_name}}"/>

could you help me on that? i'd rather not create a new widget for every icon i need.

thanks

[jon_becker]

Something like this...

<img src="<<image URL>>" alt="course" style='width: 100%; height:auto;'>

Hope this is helpful.

Jon B

CTO, PlatCore

[jon_becker]

Jonathan is right. It's just HTML so once your images are in the library, you can access them with the <IMG> tag, etc.

If you do go this route and start with a ServiceNow OOB widget, clone it first so you can customize at will and you'll still get other updates later for the stock widget.

Best,

Jon Becker

[meia_ahaesy]

ServicePortal has both retna icons (available via a CSS file include on the theme) and FontAwesome 4.2.0; both of which could be used.

Retinaicon - free and premium icons for iOS

Font Awesome, the iconic font and CSS toolkit

[JC S_]

Hi Meia, I can't seem to see the Retinaicon in my out of the box setup. Did you mean that we need to manually import it or is it part of OOTB setup of ServiceNow?