Specifying a custom CSS for a heritage coach (deprecated)
You can use your own Cascading Style Sheet (CSS) to customize an entire heritage coach.
About this task
The following procedure describes how to specify a custom style sheet for a heritage coach.
When you initially create a heritage coach, it uses the heritage coach CSS setting for the process application or toolkit in which the heritage coach resides. The default heritage coach CSS for process applications and toolkits is the coach_designer.css file that is stored in the System Data toolkit. Administrators can change the heritage coach CSS setting for process applications and toolkits as described in Editing process application settings and Editing toolkit settings.
The
product loads a default CSS that is similar to the coach_designer.css file
from the system toolkit in the current version of the product. Removing
the coach_designer.css file from the application
settings does not remove the default CSS. You can add or override
default style guidelines by using a custom CSS file in the coach or
process application CSS override setting. The coach CSS override takes
precedence because the files are loaded in this order: product defaults,
process application or toolkit, and then the coach CSS override.
Note: More
specific object matches for CSS style guidelines take precedence over
less specific matches.
Procedure
- Add the CSS file that you want to use to your current project or to a referenced toolkit as described in Managing external files.
- Open the service that contains the heritage coach that you want to work with and then click the Coaches tab.
- In the design area, click the top-level section of the heritage coach (named IBM® Business Process Manager Coach by default) and then click the heritage coach option in the properties.
- For the CSS Override field, click the Select button and choose the CSS file that you added in step 1. (You can click the New button and add a CSS file as described in Managing external files.)
- Save the heritage coach and then run the service to test the CSS overrides.