IBM Support

How to automatically merge the extended CSS file into the head of the HTML page in IBM Sterling Business Center(SBC)

Troubleshooting


Problem

The HTML page that displays the screens in SBC is currently importing out-of-the-box CSS-files into its head element. This happens as result of CSS merging the individual CSS files from a java script bundle(jsb) into a single CSS file which is then loaded into the HTML head. However, implementers do not have access to the file which is importing all the files into the head. Hence, they can not modify it to include their custom CSS file. Requirement is to automatically merge the extended CSS file into the head of the HTML page.

Resolving The Problem

This requirement can be achieved by following the below steps:

1. Refer the Knowledge Center for steps on "Adding support for custom themes with the web UI framework" here and create a java class as depicted in the second code snippet, replacing <CUSTOM_THEME> with the path to your custom css file (Ignore the first code snippet).

2. Create a jar file with this new class.

3. Place the jar under <Install_Dir>/repository/eardata/<app_dir>/extn/WEB-INF/lib folder so that it is included in the application specific WAR

4. Build and deploy the WAR

5. Add an entry in web.xml to reference this java class as mentioned in the Knowledge Center.

Append a unique string to the class name (for identification only)
For example: <param-name>scui-post-authentication-provider.abc</param-name>

[{"Product":{"code":"SS6PEW","label":"Sterling Order Management"},"Business Unit":{"code":"BU059","label":"IBM Software w\/o TPS"},"Component":"Extensions","Platform":[{"code":"PF002","label":"AIX"},{"code":"PF016","label":"Linux"},{"code":"PF033","label":"Windows"}],"Version":"9.0;9.1;9.2;9.2.1;9.3;9.4;9.5","Edition":"","Line of Business":{"code":"LOB59","label":"Sustainability Software"}}]

Document Information

Modified date:
16 June 2018

UID

swg22010473