How to add customized logo and splash image in OneClick web page, and a customized splash screen in Oneclick webapp

Products

• Spectrum

Issue/Introduction

This article explains how to change the default logo and center splash image to rebrand the OneClick web page:

And how to change the center splash image in Oneclick WebApp:

Resolution

Oneclick Web Page:
---------------------------

$SPECROOT/tomcat/webapps/spectrum/images/console_splash.png

1. Navigate to $SPECROOT/tomcat/webapps/spectrum/images/
    a. rename the console_splash.png image to console_splash.png.orig
    b. copy the modified image to be used to this directory
    c. rename the custom image to console_splash.png

 

$SPECROOT/tomcat/webapps/spectrum/console/images/calogo.png

2. Navigate to $SPECROOT/tomcat/webapps/spectrum/console/images/
    a. rename the calogo.png image to calogo.png.orig
    b. copy the modified logo image to this directory
    c. rename custom logo image to calogo.png

 

Oneclick Webapp
------------------------

NOTE: before starting, please take a backup of the $SPECROOT/webtomcat/webswing/webswing.config file.

(HTTP only):

The $SPECROOT/webtomcat/webswing/webswing.config file need to be updated with splash screen image details.

Please open the webswing.config file, then look for "args" section and add –splashImage exactly as mentioned below and relaunch the webapp (no need to restart tomcat/webtomcat services):

"args" : "-splashImage images/console_splash.png -compress 9 ${customArgs}",

(HTTPS only):

Ensure the content in red is added in both "vmargs" and "args" :

 

Now, it should show the custom splash screen.

NOTE 1: The image file path mentioned above refers to the following path: $SPECROOT/tomcat/webapps/spectrum/images/console_splash.png

NOTE 2: Here, we are considering the image filename as "console_splash.png". You should change this filename if necessary.

 

Additional Information

The text "DX NetOps Spectrum OneClick" is contained within $SPECROOT/tomcat/webapps/spectrum/console/console-header-common.jsp

Here I added (test) in bold to the line below

  <div class="productBigTitle">DX NetOps Spectrum OneClick (test)  </div>

Refresh the web page