CSS Customization
Style Intelligence gives you the flexibility to implement your own custom user portal. (See Integrating the Web User Interface in Integration.) However, in most cases it is easier and less time-consuming to customize the default User Portal. The User Portal consists of a number of pre-configured themes, each of which is a combination of tab styles and color schemes (e.g., Windows-Orange). As described in the Look-and-Feel section, you can easily set the Portal theme in the Enterprise Manager.
However, by replacing the appropriate CSS files, you can also customize these themes. For example, to customize the Windows-Orange theme, create the following directory structure within the SREE Home (sree/WEB-INF/classes) directory:
sree/WEB-INF/classes/portal/css/windows/orange/
In the new windows/orange directory, create a file called “theme.css”. This theme.css file should contain all of the appropriate classes for the different portal components. As an example, consider the example CSS file below:
This CSS is excerpted from the default /portal/css/theme.css file.
.JSTreeLabel_active {
font-size: 11px;
background-color: #FF0000;
color: black;
white-space: nowrap
}
.JSTreeLabel {
font-size: 11px;
color: black;
white-space: nowrap
}
The above CSS defines the classes for the labels in the repository tree. After you create or modify a CSS file, you should restart the application server.
| << 8.2.1 Look-and-Feel | © 1996-2013 InetSoft Technology Corporation (v11.4) | 8.2.2 Integration >> |