Documentation Center

Skinning DTAP infrastructure

Apply skinning to the Content Manager Explorer user interfaces in your DTAP setup in order to make a clear, visible distinction between the different environments.

About this task

When implementing Tridion Sites, to manage the development process and clearly separate the project implementation phases it is recommended to use a Development, Testing, Acceptance and Production infrastructure (DTAP). DTAP enables different users to manage different types of content on different Content Manager servers: the creation and management of content is distributed over several machines to prevent different types of content from getting in each other's way. You then use Content Porter, or a custom client interacting with the Import and Export service, to transfer data from one Tridion Sites environment to another.

To tell the different environments apart, you can skin the user interface as follows:

Procedure

  1. On a machine that runs one of your Tridion Sites Content Manager instances, navigate to %TRIDION_HOME%\web\WebUI\Editors\CME\Configuration\.
  2. In this location, open CME.config for editing.
  3. If you are creating a skin for your Testing, Acceptance or Production environment, do the following:
    1. Find a cfg:group element with its name attribute set to the value Tridion.Web.UI.Editors.CME.Theme.Environments.Development. Change this name attribute to a name of your choosing, which represents this environment.
    2. This cfg:group element contains a cfg:fileset element which itself contains a cfg:file element, with a value ending in Development.css. Change that final part of the value to Testing.css, Acceptance.css or Production.css, respectively.
  4. Uncomment the <environment> section, specify a unique name for this environment in the <name> subelement, and set the <resourcegroup> subelement to one of the following:
    • In your Development environment, set the value of <resourcegroup> to Tridion.Web.UI.Editors.CME.Theme.Environments.Development.
    • In another environment, set the value of <resourcegroup> to the value your specified for the name attribute of the cfg:group element.
  5. To specify your own background color, search and replace the value of the background-color property in the following files:
    • Development.css
    • Testing.css
    • Acceptance.css