info icon OOTB css
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎07-10-2017 09:56 AM
Hi All,
i want to include OOTB info-icon in my one of the widgets. Where this icon will be stored and how can i reference it through CSS?
Regards,
Swamy
- Labels:
-
Service Portal Development
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎07-10-2017 11:59 AM

- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎07-10-2017 12:36 PM
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎07-10-2017 02:14 PM
Hi Amaradi,
Here is a very useful link with a preview of all the 295 icons existing in the instance:
https://hi.service-now.com/styles/retina_icons/retina_icons.html
You can replace hi by your instance name to ensure the list matches the icons included in your specific version of ServiceNow.
Click on any icon and copy the reference HTML code that is displayed at the bottom of the window.
In your case
<i class="icon-info"></i>
Will display the icon.
You can edit the size or the color via additional CSS.
<i class="icon-info" style="font-size:200%; color: blue;"></i>
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
‎07-15-2017 01:13 AM
Hi Amaradi,
Did I one of us answered your question? In that case, will you be kind enough to mark the answer as correct, to close the topic.