Customizing the Enterprise console theme

You can modify the theme of the Enterprise console GUI, including the logo in the top corner. You can also add a new theme.

About this task

The .css files of the classic theme are modifiable in folder /skins/classic/css and its images in folder /skins/classic/images.

Also, a common folder used to share .css files and images across different themes is located in /skins/common.

Note:

You can also customize the look and feel of the rule editor and decision table editor in Decision Center through the file skins/common/css/webcomponents.css.

To add a theme:

1. Import your own .css files and images from main.css in /skins/myskins/css and, if your theme requires JavaScript, your own .js file from /js/main.js.
2. In /WEB-INF/skin-faces-config.xml, add a value of the same name in the list entries under the customSkins managed property.

   For example:

   
   <managed-property>
    <property-name>customSkins</property-name>
    <property-class>java.util.List</property-class>
    <list-entries>
     <value-class>java.lang.String</value-class>
     <value>classic</value>
     <value>mozilla</value>
     <value>mytheme</value>
    </list-entries>
   </managed-property>
   

   When using the Enterprise console, you can select the entries that appear in this list, under Options in the top banner.

   Note:

   The three managed properties administratorSkin, configManagerSkin, and defaultUserSkin define the default theme that the Enterprise console displays to users the first time they sign in, depending on the role to which they belong.