InetSoft Product Information: Custom Report Portal - CSS Interface Customization

Style Intelligence gives you the flexibility to implement your own custom report portal. However, in most cases it is usually easier and less time-consuming to customize the default report portal.

The reporting portal consists of a number of pre-configured themes. A theme is a combination of tab styles and color schemes (e.g., Windows-Orange). You can set the portal theme in the Enterprise Manager (see the Portal section in the Administration Reference). By replacing the appropriate CSS files, it is possible to customize these themes. For example, to customize the Windows-Orange theme, create the structure css/windows/orange/theme.css under the “{sree home}/portal” folder. The theme.css file should contain all of the appropriate classes for the different portal components.

view demo icon
View a 2-minute demonstration of InetSoft's easy, agile, and robust BI software.

You can add a default theme.css file in the “{sree home}/portal/css” folder to set default properties for all themes. The commented headings in the CSS file indicate the component to which the classes belong. e.g., “css for isii_JSTree” for all the CSS classes which modify the repository tree.

/** 
* css for isii_JSTree 
*/ 
.... 
.... 
.JSTreeLabel_active { 
font-size: 11px; 
background-color: #FF0000; 
color: black; 
white-space: nowrap 
}   
.JSTreeLabel { 
font-size: 11px; 
color: black; 
white-space: nowrap 
}

The above code is extracted from the default /portal/css/theme.css file. It defines the classes for the labels in the repository tree. It is recommended that the application server be restarted in order to load the modified CSS files.

Previous: Reporting Integration