Change the loading spinner image
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
09-11-2015 04:10 AM
Hi,
So our loading "Spinner" image shows up in the right portion of the header when servicenow is loading items or creating new form data. I would like to change the style from white background to dark blue background and the image to be white as it spins. Currently it clashes badly with our color theme we are using. I can find an acceptable animated replacement gif but I cannot figure out where I can change this image or define a different one in a css or an admin form.
The current image is called
<img id="show_loading_gif" src="images/loading_anim2.gifx" height="16" border="0" style="visibility: hidden;" width="16">
Any idea? I looked in the images area and could not fine this image either.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
09-11-2015 04:19 AM
You should be able to put it into System UI > Images, then create a global UI Script that overwrites it.
addLoadEvent(function(){
refreshNumber();
function refreshNumber(){
var homeIcon = "<a target='gsft_main' href='home.do?sysparm_userpref_homepage=449eadae0f35420089bc8fbce1050e17' class='btn btn-default homepage-button' id='sneHomeIcon' style='border-radius:50%;width:24px;height:24px;padding:3px;background-color:red;background-image:radial-gradient(red, darkred);border:1px solid #666;color:#fff;text-align: center;font: 14px Arial, sans-serif;margin-right:2mm;'><div id='innerspan'></div></a>";
$('gsft_logout').insert({before:homeIcon});
}
}
This code added a button to the left of the logout button. I am sure you can pick it apart to get it to do what you need.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
09-11-2015 04:29 AM
I can make a hack to get that icon changed but I would have thought this is a simple request. Adding a global script seems like using a hammer for sticking in a pin. From my initial looking though I just don't see a better option.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
09-11-2015 04:22 AM
Hi Stephen,
Go to Sytem UI >> Images. Search like *images in the Go to Name field at the top.
You'll have "images/loading_anim2.gifx" in the search results.
- Mark as New
- Bookmark
- Subscribe
- Mute
- Subscribe to RSS Feed
- Permalink
- Report Inappropriate Content
09-11-2015 04:27 AM
Hi thanks for responding. I have tried searching my Sytem UI >> Images so many different ways. using contains / start with / anything with .gif ending or gifx even though I know the x is not usually stored in the images. Nothing is showing this image up using System UI list filters.