Application Skins › Override Skins Using the Injection Technique

Override Skins Using the Injection Technique

The WebViewUI.zip file that is located in the CA Gen installation directory includes the default skin for Web View applications. You can modify the default skin directly but we recommend that you replace the skin files that you wish to override using the injection technique. This technique keeps your skin overrides from being overwritten with updates to your CA Gen installation.

Use the injection technique either to replace individual skin files or to apply an entirely different skin while assembling the application.

Example: The example below details the steps required to override the skinloader.js file and add an additional CSS file named customize.css.

Follow these steps:

1. Select the appropriate load module in Build Tool
2. Right-click the load module and click Assemble.

   The EAR File Assemble Details dialog opens.

3. Click Additional Files in the left pane and provide the files needed for inclusion in the WAR file.
4. Select the <WAR file> node in the tree structure and click New Folder.
5. Type gen in the entry field and click OK.
6. Create a folder skins in the gen directory.

   This directory structure is necessary to properly override the skinloader.js file provided in the <CA Gen installation directory>\Gen\webview\ui\WebViewUI.zip file.

   

7. Select the skins folder and click Include File to add the modified skinloader.js file.

   The directory structure is created and the modified skinloader.js file is included in the WAR file.

8. Create the directory structure defined in the skinloader.js for the customized CSS files and include the customized CSS files.

   The directory structure is created and the CSS file is included as shown: