Change the AJAX Loader Icon in Reference My Account

The Ajax loader, or the spinning icon while the page is busy or loading, is located in the Web Site Hosting Files > Live Hosting Files > SSP Applications > NetSuite Inc. - My Account > Reference My Account (or Custom My Account) > img folder.

To be able to use a custom loader icon, the jQuery.ajaxSetup.js may be edited to point to the file URL of the new icon.

Requisites:

1. Custom My Account folder is already populated with files copied from the Reference My Account folder.
2. Setup > Site Builder > Set Up Web Site > Touch Points tab:
   Name: View Customer Center
   SSP Application: Custom My Account
   

Steps:

1. Navigate to Documents > Files > File Cabinet.
2. Navigate to Web Site Hosting Files > Live Hosting Files > SSP Applications > NetSuite Inc. - My Account > Custom My Account > img.
3. Click on the Add File button.
4. Select the file from your local directory. Confirm that the file has been added.
5. Navigate to Web Site Hosting Files > Live Hosting Files > SSP Applications > NetSuite Inc. - My Account > Custom My Account > js > src > core > extras > jQuery.ajaxSetup.js.
6. Edit the file and look for the code snippet below:
   
   if (!jQuery('#loadingIndicator').length) { jQuery('body').append( jQuery('<img/>', { id: 'loadingIndicator' , 'class': 'global-loading-indicator' , src: _.getAbsoluteUrl('img/ajax-loader.gif') , css: { zIndex: 999 , position: 'absolute' } }).hide() ); }
   
   
7. Change the line src: _.getAbsoluteUrl('img/ajax-loader.gif') so that it contains the directory and file name of the icon added in steps 1 to 3.
   
   For example:
   src: _.getAbsoluteUrl('{img/file_name.ext}')
   
8. Save.

To ensure that the changes have been updated, end all browser sessions and start a new one when testing if the spinning icon has been updated.