This document provides a sample configurations for Customizing the IAC Progress Bar Indicator Logo.
Before attempting this configuration, please ensure that you meet these requirements.
Ensure that Cisco Intelligent Automation for Cloud version 4.0 or later is installed on your system.
In this section, you are presented with the information to configure the progress bar indicator logo in CIAC 4.0.
This document uses the following steps to change the default logo used for the progress bar indicator as shown in the diagram below.
STEP 1: Navigate to the following directory
STEP 2: Locate the file progressBarLoad.js.
In the progressBarLoad.js find the following html element:
STEP 3: Update the class name to use a customized logo: change "div class="customizeProgressBarLogo64"
By default the progress indicator uses a Cisco logo and the class for this is: progressBarLogo
NOTE: If the default Cisco logo will be used, no changes are required.
To use a Custom Logo:
Step 4: Place your new logo in the following directory with exactly the same name used in Option 1 and Option 2 below. Override the existing image.
Logo image directory: /RequestCenter/custom/IAC/portlets/common/img/
NOTE: Logo MUST be in .PNG format.
Option 1 - Use a 32px X 32px logo: change the class name to class="customizeProgressBarLogo32" and use this name for logo: progressBarLogo32.png (replace the image if it already exists).
Option 2 - Use a 64px X 32px logo: change the class name to class="customizeProgressBarLogo64" and use this name for logo: progressBarLogo64.png (replace the image if it already exists).
Option 3 - No logo on the progress indicator The class name for this is -> progressBarNoLogo, no other changes needed.
There are no specific requirements for this document.
The Cisco Support Community is a forum for you to ask and answer questions, share suggestions, and collaborate with your peers.
Refer to Cisco Technical Tips Conventions for information on conventions used in this document.