|
|
Use APAR LO78594 to customize the new theme using the customization directory.
|
About this task
This task explains how to customize the new theme in IBM Connections 4.5. The new theme is a packaged theme, available as a catalog offering on Greenhouse, and included by default in 4.5 CR3 and later. Once enabled, see Customizing themes for IBM Conenctions 4.5 , it can be customized through the Connections customization directory, when you apply iFix APAR LO78594.
Prerequisites
Enable the new theme and apply iFix APAR LO78594.
Procedure
You can customize the new theme by placing files under these directories:
- To override the theme, place your styles into these files:
<CONNECTIONS_CUSTOMIZATION_PATH>/themes/gen4Theme/defaultTheme.css
<CONNECTIONS_CUSTOMIZATION_PATH>/themes/gen4Theme/defaultThemeRTL.css
- To add new styles to the theme, place your styles into these files:
<CONNECTIONS_CUSTOMIZATION_PATH>/themes/gen4Theme/custom.css
<CONNECTIONS_CUSTOMIZATION_PATH>/themes/gen4Theme/customRTL.css
- To override the application styles, place your styles into these files:
<CONNECTIONS_CUSTOMIZATION_PATH>/themes/gen4Theme/applications/activities.css
<CONNECTIONS_CUSTOMIZATION_PATH>/themes/gen4Theme/applications/activitiesRTL.css
...
<CONNECTIONS_CUSTOMIZATION_PATH>/themes/gen4Theme/applications/wikis.css
<CONNECTIONS_CUSTOMIZATION_PATH>/themes/gen4Theme/applications/wikisRTL.css
Note: the new theme does not support biirectional (bidi) languages. However, you can add righ-to-left (RTL) styles through customization.
- To customize image.png referenced in the following example rule:
.lotusui30 .lotusMain {
background-image: url(path/to/image.png);
}
Place a custom copy in the folder:
CONNECTIONS_CUSTOMIZATION_PATH>/javascript/com/ibm/social/gen4/theme/css/
defaultTheme/path/to/image.png
Note: IBM Connections parses the stylesheet, and resolves URLs of resources linked via url() CSS properties by rebasing them. In the example above, IBM Connections parses and rebases this as: |
.lotusui30 .lotusMain {
background-image: url("/connections/resources/web/com.ibm.social.gen4.theme/css/
defaultTheme/path/to/image.png?etag=<version_stamp>");
}
If you want to link to resources external to Connections in your stylesheet, and avoid that Connections rebases the paths, see
IFIX FOR PMR 42629,122,000 for details.
Results
The new theme is customized. |