The Essential Project Forum

I'm finding the way to differentiate Technology Components in within layers of "Technology Reference Model"

Let say there are 4 technology capabilities in "Platform Services" named Hardware Platform, Platform, Software Platform and Storage Services and each of these capabilities realized by several components. How can I diffirentiate visually components of each capabilities by coloring them e.g. components realize Storage Services are red and those realize Hardware Platform Services are green etc.

What template or CSS I need to customize ?

Thank you very much.

This kind of customisation is done directly in the XSL. However, for something like colour-coding things as you describe, defining new classes - or even using some of the relevant existing classes in the CSS is a good idea. Avoid in-line styling in the XSL view templates.

The template for the Technology Reference Model is in the technology folder: core_tl_tech_ref_stnds_model.xsl

Add any of your new CSS classes to the custom.css in the 'css' folder.

Jonathan