Configuring Siebel Open UI > Customizing Styles, Applets, and Fields > Customizing Client Logo, Background, and Style >

Customizing the Background Image

This topic describes how to add a background image in the client.

To customize the background image

1. Log in to the Siebel Open UI client using Google Chrome.
2. In the application-level menu, right-click the empty area to the right of the Help menu, and then click Inspect Element.
3. Enter the following text in the search window:

   _sweclient

   For assistance, see the screen capture in Step 6.

4. In the main window of the Developer Tools window, click the first child div element of the _sweclient element. You click the element that begins with the following code:

   <div style = "height

5. Collapse the Styles pane that the Developer Tools displays to the right of the main window, and then expand the Metrics pane.
6. Add the padding:
   1. Click in the padding area of the Metrics pane.
   2. Double-click the dash that the padding area displays immediately to the left of the following text:

   1418 x 325

   3. Enter 150.
   4. Double-click the dash that the padding area displays immediately to the right of the following text:

   1418 x 325

   5. Enter 150.

      Use the following screen capture for assistance:
7. Add the background image:
   1. In the main window of the Developer Tools window, scroll up, and then click the first body tag that occurs above the following element that you located in Step 3:

   div name="_sweclient"

   2. Collapse the Metrics pane that the Developer Tools displays to the right of the main window, and then expand the Styles pane.
   3. In the Matched CSS Rules section of the Styles pane, modify the background attribute to use the blackNoise.jpg background image.

      Use the following screen capture for assistance:
   4. Note that Siebel Open UI modifies the background image immediately after you specify the new .jpg file.