Modifying the Background Color and Border of the Customer Dashboard

This topic is part of Modifying the Appearance and Layout of the Customer Dashboard.

You can modify the background color and border of the Customer Dashboard by updating a custom cascading style sheet (CSS) file.

To modify the background color and border of the Customer Dashboard

1. Apply a custom theme for Siebel Open UI.

   For more information, see Configuring Siebel Open UI.

2. Locate a custom style sheet file in the following directory of your Siebel Application Interface installation:

   SAI_ROOT\applicationcontainer_external\siebelwebroot\FILES\CUSTOM
   

3. Open the custom style sheet file with a text editor, such as Notepad.

4. Add or modify the following parameters and values, using values appropriate for your customization goals:

   /*---------------------*/
   /*Dashboard Definitions*/
   /*---------------------*/
   . siebui-dashboard-frame {background:#999999;}
   . siebui-dashboard-frame {border:2px solid #f0f0f0;}
   

   The siebui-dashboard-frame background and border parameters use standard HTML color values. In this example, the value #999999 is medium gray and the value #f0f0f0 is light gray.