Icons for g_form.addDecoration() Method

Jim Coyne · ‎03-22-2015

Theres' a nice new method in Fuji for adding field decorations - GlideForm (g form) - ServiceNow Wiki. I was just wondering if anyone knew of a way to add our own custom icons to the list of available ones:

I was thinking of replacing the OOB VIP highlighting method with this "safer" method so I wanted to add a B/W version of the VIP icon to this list.

Thanks

Shahed Shah1 · ‎03-24-2015

Hi Jim

Unfortunately, the new UI that was introduced in Fuji is a lot more restricted than what we were used to in the pre-Eureka releases.

What I can advise you is that the symbols are based on Web Fonts (in this case retina_icons) and the styling is managed in the internal CSS. So you are restricted to the available character set by using the icon-name format for the class name:

<i class="icon-name"></i>

Example icons are:

icon-cart

icon-catalog

icon-edit

To get a good idea on the available icons you can inspect retina_icons.css:

https://instancename.service-now.com/styles/retina_icons/retina_icons.css

or you can look at a "preview" page for the icon by navigating to:

https://instancename.service-now.com/styles/retina_icons/retina_icons.html

Beyond that, from the top of my head, I can only think of uploading your own images and use a UI Script to look for your made up classes (e.g. my-icon-vip) that would replace them with the uploaded image and/or play with the styling of the field_contributions class for more control over the retina_icons. Of course this is not using a "safe" route and would be your own customisation.

Hope that helps

Shahid

View solution in original post

Shahed Shah1 · ‎03-24-2015