Bookshelf Home | Contents | Index | PDF |
Siebel Analytics Web Administration Guide > Customizing the Siebel Analytics Web User Interface > Modifying Siebel Analytics Web User Interface StylesYou can modify the Siebel Cascading Style Sheets (CSS) files and the images stored in the default installation directory to create a custom user interface. The default images and style sheets are located the in the Web\App\Res\s_Siebel7 folder in the Siebel Analytics installation directory. Contained within this directory are of the relevant subdirectories (b_mozilla_4.0, b_nscp, Charts, Images, Maps, Meters, PopBin, Portal, and Views) for the current Siebel style. Web developers who work with and understand style sheets can modify the default Siebel styles. NOTE: Modifications to the PopChart appearance files used in charting are not supported by Siebel Systems. This section contains the following topics:
Working with Cascading Style Sheets to Modify Default Siebel Analytics Web StylesWeb developers who work with and understand style sheets can modify the default Siebel styles. There are three files that affect most of the dashboard user interface:
To see an example default Siebel 7 style sheet
You can change the various CSS classes to adjust the overall look of any Siebel Analytics application. This can be a tedious process, but after you have a good understanding of the available or most commonly used classes, you can perform a find and replace within the text editor to make mass changes to a style. About Cascading Style Sheet Attributes and Siebel Analytics WebCascading style sheets allow Web developers to have control over any object within Siebel Analytics. You can change images, backgrounds, font colors and sizes, table cell gridlines and cell padding, and so on. For more information about cascading style sheets, you can consult a resource such as the Microsoft Developer Network (MSDN). Creating a New Dashboard Style for Siebel Analytics WebThe easiest way to create a new style is to copy the s_Siebel7 style folder \\SiebelAnalytics\Web\App\Res\s_Siebel7 and paste it into the data directory at the location \\SiebelAnalyticsData\Web\Res. Copying to the data directory rather than to the main installation directory prevents any customized CSS files and images from being overwritten during a software upgrade. After the style has been copied, rename the directory from s_Siebel7 to a name that has meaning to you (such as s_ProspectName). The b_mozilla_4.0 directory contains the important files for making quick changes to the dashboards. NOTE: The Analytics Web Server service must be restarted before you can see the new style sheet from the Dashboard Properties screen.
Example: Customizing the Dashboard Banner Image in Siebel Analytics WebThe image bg_Banner.gif image is referenced on the top section of dashboards. Developers can open the bg_Banner.gif file and make changes, or delete and recreate a new bg_Banner.gif file. |
Siebel Analytics Web Administration Guide |