We want to change the colors associated with WCC (green=dev, blue=test, etc) and include our corporate logo.
Please direct me to the documentation for customizing user presentation of WCC.
$ /opt/CA/WorkloadAutomationAE/wcc/uejmver.sh
Product Name: AutoSys Web UI
Copyright: Copyright (c) 2020 Broadcom All rights reserved.
Release: 12.0
Service Pack: 01
Maintenance Level: 00
Build Number: 1142
Volume Label: ae-webui-12.0.01-11-29
Platform: Linux
Currently Applied Patches
=========================
99111386
Release : 12.0
Component : WCC
=======================
Introduction
=======================
These are the instruction on how to modify the color and text of the login page and launcher page for WCC r12.x.
NOTES
=======================
Change Color of Login Page
=======================
login-viewport {
background-color: #FFFFFF;
login-viewport {
background-color: #ffcce6;
Note: If you don’t see the color change after clicking the refresh button, clear your browser cache. Then access the WCC GUI.
Note: It is recommended to use a light/pastel color for the login page. You cannot change the color of the login button and you cannot change the color of the CA logo and text, so a light color would be best so you can still see these components.
=======================
Change Color of Launcher Header
=======================
/* ca header css */
.ca-header
{
#width:100%;
background-color: #20465f;
/* ca header css */
.ca-header
{
#width:100%;
background-color: #e60000;
Note: If you don’t see the color change after clicking the refresh button, log out of WCC (if you are logged in). Clear your browser cache and then log in to WCC.
=======================
Change Color of Launcher Footer
=======================
.ca-footer {
background-color: #ffffff;
padding: 5px;
}
.ca-footer-copyright,.ca-footer-link {
font-family: Arial;
font-size: 12px;
color: #58666C;
}
.ca-footer {
background-color: # e60000;
padding: 5px;
}
.ca-footer-copyright,.ca-footer-link {
font-family: Arial;
font-size: 12px;
color: #ffffff;
}
Note: If you don’t see the color change after clicking the refresh button, log out of WCC (if you are logged in). Clear your browser cache and then log in to WCC.
=======================
Add/Modify Text to the Login Page
=======================
[EXAMPLE: 5CE5ADE3325A6742C7FAA2909247D567.cache.js]
Note: The string 'CA Workload Automation AE' appears before 'login-product'.
Note: If you don’t see CA Workload Automation – PRODUCTION after clicking the refresh button, clear your browser cache. Then access the WCC GUI.
You can add or modify the text under the login box (where it says © 2016 CA. All rights reserved.) by completing these steps:
r12: Open the JavaScript file and look for the following string: '\\xA9 2017 CA. All rights reserved.' It appears before 'login-copyright'.
Note: If you don’t see the text modifications after clicking the refresh button, clear your browser cache. Then access the WCC GUI.
=======================
Add/Modify Text to the Launcher Page Header
=======================
PAY ATTENTION! You will see 'CA Workload Automation AE' in more than one string. You want the string that ONLY has 'CA Workload Automation AE' in it. (The string 'CA Workload Automation AE' appears after 'ca-header-logo' and before 'ca-header-product-name'.)
Note: If you don’t see CA Workload Automation AE – PRODUCTION after clicking the refresh button, log out of WCC (if you are logged in). Clear your browser cache and then log in to WCC.
=======================
Add/Modify Text to the Launcher Page Footer
=======================
You can add or modify the text in the footer (where it says © 2016 CA. All rights reserved.) by completing these steps:
r12: Open the JavaScript file and look for the following string: '\\xA9 2017 CA. All rights reserved.' It appears before 'ca-footer-copyright'.
Note: If you don’t see the text modifications after clicking the refresh button, log out of WCC (if you are logged in). Clear your browser cache and then log in to WCC.