Guest

Cisco Intelligent Automation for Cloud

Process for Customizing IAC Progress Bar Indicator Logo

Document ID: 117669

Updated: Apr 11, 2014

   Print

Introduction

This document provides a sample configurations for Customizing the IAC Progress Bar Indicator Logo.

Before You Begin

Requirements

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.

Customizing the Progress Bar Logo

In this section, you are presented with the information to configure the progress bar indicator logo in CIAC 4.0.

Configuration Procedures

This document uses the following steps to change the default logo used for the progress bar indicator as shown in the diagram below.

Diagram1.png

STEP 1: Navigate to the following directory

  • /RequestCenter/custom/IAC/portlets/common/

STEP 2: Locate the file progressBarLoad.js.

  • In the progressBarLoad.js find the following html element:

  • div class="customizeProgressBarLogo64"

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.

Customization Options:

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.

Verify

There are no specific requirements for this document.

Related Information

Updated: Apr 11, 2014
Document ID: 117669